Don't display search form on mobile on page, but display on magnifier sign click

[warrior7089]

Hi,
my goal is not to display the search form on mobiles, because it goes out of the right part of the screen.
Then, theme tagline can be displayed horizontally and overall view improved. (1)
Though, when the user clicks the magnifier sign (search sign), the search form should be displayed. (2)
Is it possible to achieve it using plugin settings?

Tried custom css
@media only screen and (max-width: 800px){
.fusion-secondary-menu-search {
display: none !important;
}
}

Thus, (1) is achieved, but (2) is not, the search is not displayed at all on magnifier click.
Hope you can help.
Thanks in advance.

[warrior7089]

You cannot access this content.

[Ernest Marcinko]

Hi!

Sure! I believe this is what you are looking for:
[html]
@media only screen and (max-width: 800px){
#ajaxsearchpro1_1 {
display: none !important;
}
}[/html]

This will hide the first instance, but not the one hidden by clicking on the icon.

[warrior7089]

Thanks a lot, it worked.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts