Remove search bar mobile view
-
Theme Auberge, Child theme. I removed search icon from top menu bar with
#search-toggle { display: none; }
in style.css But the search bar is still visible in mobile version.
Any tips?
-
That’s because in the media queries of this theme stylesheet, the search is present, you need go hide that as well.
Hi,
Indeed, just like ashiquzzaman said, you also need to use a responsive styles too. This might get you on the right track: http://support.webmandesign.eu/forums/topic/iphone-6-css/
Regards,
Oliver
Thank you guys for fast reply. I have tried all css commands I can come up with right now, and I am still stuck with this annoying search bar in mobile view. The website we are setting up is http://www.bellezzasalong.no Maybe you can take a look? ( Working in child theme )
Thank you 🙂
Liz
Hi Liz,
First, please note that this is a theme modification and I do not provide support for those. Please read the terms of service here: http://support.webmandesign.eu/support-policy-and-terms-of-service/
You still haven’t applied the correct responsive styles such as:
@media only screen and (max-width: 960px) { .nav-search-form { display: none; } }Plus, you still need to apply the styles from http://support.webmandesign.eu/forums/topic/iphone-6-css/#post-13288
If all of this is in your child theme’s
style.cssfile but it is not being applied, then please check for CSS errors in that file. Or maybe rise the specificity of the CSS selectors (use a code inspector tool in your browser to check if this is necessary).If you are not familiar with CSS coding, I suggest you hire a web designer to help you tweak the theme.
Regards,
Oliver
Thank you so much!!!! 🙂
The topic ‘Remove search bar mobile view’ is closed to new replies.
