The Sidebar on top on mobile doesn’t work

  • Resolved uxy98

    (@uxy98)


    1 year, 6 months ago

    Hello,

    I need help moving the filter options to the top on mobile devices. The plugin is great, and I don’t want to change it to another one, but instead, when I turn this option on, the sidebar isn’t at the top on mobile devices. Could you help me? It’s only thing that doesn’t work, because the option Collapse Filters Widget on Mobile devices works properlly, but to move on to it doesn’t.


    Currently, I have these options on: https://imgur.com/a/W8iclOl

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter uxy98

    (@uxy98)

    The page I need help with is that https://essentialoffice.pl/kategoria-produktu/polecane/
    It’s product page when I use the filter.

    Plugin Author stepasyuk

    (@stepasyuk)

    Hello @uxy98

    Thank you for using Filter Everything plugin.

    In general it is something out from the plugin support scope as it depends from you theme structure. But as I see in code it seems your theme contains setting that allows you to change sidebar position on mobile devices. Please, check it in your theme settings.

    Full size – https://dev.filtereverything.pro/wp-content/uploads/2023/05/sidebar-top.png

    Optionally you can try to change CSS rule and set flex-direction: “column” instead of “column-reverse”. But it also requires to change some additional CSS to make sidebar looks good in the top position.

    Regards.

    • This reply was modified 1 year, 6 months ago by stepasyuk.
    Thread Starter uxy98

    (@uxy98)


    Unfortunately, I couldn’t move the filters to the top, but I have one more question: is there an option to hide the filters from this plugin only on the mobile version and leave them visible on the desktop version of the site?

    Thread Starter uxy98

    (@uxy98)


    The problem is that the CSS code doesn’t overwrite for this particular plugin. No matter where I place it, the CSS code doesn’t work at all for this plugin.
    I’ve tried many, and I mean really many, ways, but I have no idea why I can’t overwrite the code even with the !important command.

    Plugin Author stepasyuk

    (@stepasyuk)

    Hello @uxy98

    It if is solution for you to hide filters on mobile, please just go to Filters -> Settings and enable the option “Enable Pop-up Filter widget”.

    After that go please to the Experimental tab and activate there option “Hide opening widget buttons”.

    These steps will hide filters on mobile.
    Regards.

    Thread Starter uxy98

    (@uxy98)

    But, there is no such options.

    View post on imgur.com

    Thread Starter uxy98

    (@uxy98)

    It’s still important for me. Could you help me?

    Plugin Support fesupportteam

    (@fesupportteam)

    Hi @uxy98

    Yes, you are right, there is no such option in the free version, but you always can upgrade to the PRO version to fix this issue. Or use custom CSS as was written in previous answers to fix the problem.

    Unfortunately, we don’t provide or debug custom codes.

    Best Regards – Victor.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘The Sidebar on top on mobile doesn’t work’ is closed to new replies.