Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
When the page gets resized below a certain width, the search-icon to the right vanishes. This happens before the target resize for the responsive mobile menu kicks in.
Any way to keep it until the width forces a mobile menu?
btw: test site is on: http://test.vikarsentralen.no
pass: let1in
Hi Kjell
Thanks for running Vantage.
To adjust the breakpoint at which the menu search icon is hidden, insert the following under Appearance > Custom CSS and adjust the breakpoint as required:
@media (max-width: 1080px) body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon { display: none; }Thanks for the reply, but it has no effect. Still disappear at < 1080 width browser window even if the max-width: is lowered (or increased for that matter)
You’ll need two like this:
@media (max-width: 1080px){ body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon { display: block; }} @media (max-width: 680px){ body.responsive header#masthead.masthead-logo-in-menu #search-icon-icon { display: none; }}Also list a measurement for the header padding in your Custom CSS, right now you have 10 and 10, to my knowledge padding can’t accept a unit less measurement.
Yes! Thank you. Very good support here. Also learning alot from reading the support forum and other solutions you have posted.
Thanks for the wait; I missed the need for a double media query there the first time.
Really glad to hear the forum has been helping out!
All the best.