Hide frontend search settings on mobile without forcing hovering

[mordego83]

Basically I would like the frontend search settings to display by default on desktop and hide by default on mobile. The only way I could find to do this is the “force hover settings layout on mobile devices” option. However forcing hover disrupts the layout of the page. I am wondering if there is a way to “force state: hidden settings” without having to “force hover”. Please advise, many thanks!!

[Ernest Marcinko]

Hi,

Sure, I recommend using a custom CSS:

@media only screen and (max-width: 480px) {
    .asp_s, .asp_sb {
        display: none !important;
    }
}

This should hide the settings on screen resolutions lower than 480px. You can change that of course to whatever width you desire.

[mordego83]

Hi Ernest,

Thanks for the quick reply. Unfortunately this totally removes the option to display settings on mobile. I want it to be hidden by default but for users to still have the option to open it if they want.

Kind Regards,
Brian

[Ernest Marcinko]

Unfortunately I’m afraid that is not possible then. If you want I can add this to the upcoming features list though.

[mordego83]

Dear Ernest,

That would be most helpful! Thanks.

Brian

[Author]

Posts