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

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 12, 2016 at 7:50 am #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

    August 12, 2016 at 10:52 pm #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!

    October 17, 2016 at 5:37 pm #21109
    evachang
    Participant

    How to replace Search Box with Subscribe Box?

    October 18, 2016 at 11:59 am #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.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.