Remove Search From Top Menu When Viewing On Tablet Or Smaller View
Scott Doucet
Hi,
What would be the custom code to remove the search field from the top menu when viewing it on a tablet or smaller for the Helix Ultimate 2.0.12? I am using the Mininal Layout option. The problem is that the menu wraps and gets lost if there is a banner graphic underneath it, thanks!
- Scott
Pavel
Accepted AnswerHi. I would offer a more accurate code
@media (max-width: 1199px) {
.header-modules.align-items-center .mod-finder {
display: none !important;
}
}
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?
-Regards.
Scott Doucet
Accepted AnswerHi,
How do you attach a file to this message?
Here is a link to the screengrab:https://scottdoucet.com/tablet.jpg
This is the Tablet landscape view and this is the breakpoint I would like to have the search field hidden in the top menu so the menu options can be displayed, here is the domain: https://lightontherock.org
Thanks,
- Scott
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom CSS
@media only screen and (max-width: 1200px) and (min-width: 990px) {
.awesomplete {
display:none !important;
}
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Scott Doucet
Accepted AnswerMehtaz & Pavel,
Thanks for your help! One more quick question, what class or ID is being used for the text Search... in the search field. I would like to change it's color to be more obvioius, thanks!
- Scott