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!
Hi. I would offer a more accurate code
@media (max-width: 1199px) {
.header-modules.align-items-center .mod-finder {
display: none !important;
}
}Hi
Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?
-Regards.
Hi,
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,
Hi
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.
Mehtaz & 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!
For search field you can use this custom CSS
.form-control::placeholder {
color: #000 !important;
}