Quick link, Social icons and Search box

  • Resolved Mohsin

    (@mohsin786)


    8 years, 7 months ago

    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 ?

    Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)

  • you would have to control them with media Queries. For the
    quick-link you could use the following code which would hide them on devices that are small then 767px. If you you wanted device with 479px and smaller you would select just the top most query. You would just look for the media queries for all the components you want to hide and set the display property to none.

    @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;
}

    Hello @mohsin,

    You can try the solution provided by @mrtom414 , if you have any confusion please let us know here or you can also post any queries on the theme’s official forum at
    https://themepalace.com/forum/education-hub/

    Best regards.
    Have a good week ahead.

    Thread Starter Mohsin

    (@mohsin786)

    Thanks mrtom414 for help

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Quick link, Social icons and Search box’ is closed to new replies.