Hi,
i tried to put a search field for mobile like here:
https://kriesi.at/support/topic/mobile-search-bar/
But it doesn’t look so nice.
http://test.s-design.tirol/search_desktop.png
http://test.s-design.tirol/search_mobile.png
1. I dont want it on desktop version – just for mobiles
2. it would be nice if i could center the search field
Thank you for helping!
Hey Luisgasser,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
hi,
how can i disable the search field an desktops, so it should only shown on mobiles
Hi Luisgasser,
You can add this to your Enfold > General Styling > Quick Css
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
#searchform {
display:none;
}
}
Let us know if this was helpful.
Best regards,
Victoria
thank you for response – but it doesn’t work.
May you could take a look agai
Hi,
When I put the code I gave you to themes/enfold/css/custom.css the search disappears, so you can try to put this code to that file
Let us know if this was helpful.
Best regards,
Victoria
great, it works directly in custom.css
before i tried to put it in custom css in my backend.
Thank you!
Hi Luisgasser,
Glad we could help :)
Best regards,
Victoria
Hi Victoria,
another problem i’ve found. For my desktop version i’m using the search icon (lens) in the main menue.
There is a conflict with the enfold lens in the menu. After using the custom css to hide the search form on desk version i can’t us the lens search.
May you can take a look again:
Hi Luisgasser,
Give your new search form a different id, if you can. Or the Enfold one.
If you need further assistance please let us know.
Best regards,
Victoria