Columns on mobile appear to be 2 instead of 1

  • Unknown's avatar
    viennacortenraad · Member ·

    Hello,
    I just uploaded a blog with information about hotels. I did put the information in columns of two. At my website on desktop version, I want to show two columns, but on the mobile version, I want the columns to stack to 1 column. I did click the option to ‘stack on mobile’. However when I read my blog on my mobile, I still see the two columns next to eachother and it looks awful. What do I need to do to solve this problem? I’m embarassed to show this blog to others.

    Hope to hear from you soon.

    Kind Regards,
    Vienna

    Link to blog: https://reisgenieters.nl/de-mooiste-hotels-ijsland/

    WP.com: Yes
    Jetpack: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    mountaingoat76 · Member ·

    Hey @viennacortenraad,

    Sorry to hear that. I checked out your website using Firefox, Chrome and loaded it up on my mobile device, but I can’t seem to re-create the issue. The columns are stacking correctly on my end. What mobile device and browser are you using?

    You can also test your website on several different devices using a service like Browserstack:

    https://www.browserstack.com/responsive

    There is a free, timed version you can try. If you can isolate the device and browser you are having issues with, it may be possible to fix using a little bit of CSS :-).

  • The topic ‘Columns on mobile appear to be 2 instead of 1’ is closed to new replies.