Side bar widget messing up the mobile site

Hello :slight_smile:

There is something that is messing up the layout of the mobile version of my site:

I have moved the side bar widget to the left-hand side, to create a menu, as you can see in the desktop version, but when viewing the site on mobile, the order is all messed up.

Can you help?

Hello there,

Does it happen from the first time? Or just a sudden after certain circumstances?

Probably it is caused by improper script optimisation. Try this CSS code and add it to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      #primary {
        float: none !important;

See if it fixes the trouble.


Thanks Kharis,

That worked a treat.

I just want to take this opportunity to say that I really appreciate all the help you give. I have learnt so much from Googling problems and seeing your suggestions to other users. Thanks so much!

Youโ€™re welcome!

Glad to have an opportunity to assist you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.