Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #9466

    On a mobile device the filters don’t adapt to the smaller width of the screen



    can you post a link please – I couldn’t reproduce the issue on my installation.


    Hi, here’s the link:


    Hey Megalex,

    Are you still having the same issue? Want to make sure if there is a bug we get it sorted out :)


    Hi Devin,

    Thanks for looking after it. I think it’s a bug. In my opinion the filters don’t rearrange to fit into a screen with a smaller width. You can see it on a mobile device, but also on a regular pc when you make the browser window less wide.


    Hi Megalex,

    I just tested it on a few devices to be sure but categories will wrap to the next line if everything is working correctly and there are no plugin conflicts. You might be having an issue related to re-naming the folder from angular to magnavision-v1-1-1. Most of the time this wont cause any issues but occasionally a script is required to call the theme name directly.


    Hi Devin,

    I renamed it to Angular, deactivated the theme and reactivated it (just to be sure). However the filter categories don’t wrap to the next line.

    Maybe you can add more categories to the angular theme preview to see what happens there? That way we can find out if the problem is related to the theme directly.


    Hi Devin,

    If it’s easier to investigate this issue, I’m prepared to grant you access to my WordPress dashboard.


    The problem occurs only in Safari for Mac OS.


    Another important argument: Safari for Mac is the default browser of iPhone and iPad. If the categories don’t wrap to the next line in Safari for Mac, then this should be regarded as a major issue. iPhone and iPad) are one of the best selling devices worldwide, therefore it doesn’t make sense to have a theme with a responsive design or mobile devices, if it struggles with Safari.


    Hi, there is any way to arrange the css code to let small screens or windows show the theme in the same way they show in a regular screen? I don´t like the format rearrange the items in my web for smaller screens.

    I´m creating a website ( with Propulsion and it looks very strange in my iPhone or when I change the size of the window to an small size.

    Hope you can help me.


    Hi javierillo,

    Yes, you can go through the css files (in the css folder within the theme files) and remove the @media queries that change the theme based on screen size.



Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Filters on mobile design’ is closed to new replies.