Home Forums Free Themes Education Hub Quick link, Social icons and Search box

This topic contains 3 replies, has 3 voices, and was last updated by  wensolutions 2 years, 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15122

    niraj98
    Participant

    I want to hide header quick links, header search box and Header Social icons for mobile website. Not for Desktop site. What is the CSS code for it ?

    I have tried below code but it doesn’t hide on mobile

    @media only screen and (max-width: 479px)
    .quick-links {
    width: 100%;
    display: none;
    }
    @media only screen and (max-width: 767px)
    .quick-links {
    float: left;
    width: 100%;
    display:none;
    }

    Thanks in advance

    #15182

    wensolutions
    Keymaster

    @niraj98,

    Try the following custom CSS code :

    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2) { 
    
    .quick-links{
    
    display:none;
    
    }
    .search-section {
        display: none;
    }
    
    .header-social-wrapper{
     display:none;
    }
    
    }

    Hope this helps!

    #21109

    evachang
    Participant

    How to replace Search Box with Subscribe Box?

    #21217

    wensolutions
    Keymaster

    @evachang, this feature is not available in the theme itself.

    Alternatively, you can Request a Customizer to get this job done for you.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.