Hide frontend search settings on mobile without forcing hovering

[mordego83Participant]

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 MarcinkoKeymaster]

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.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[mordego83Participant]

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 MarcinkoKeymaster]

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

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[mordego83Participant]

Dear Ernest,

That would be most helpful! Thanks.

Brian

[Author]

Posts