How can I fix my mobile site's excess width?

Technical Q&A
1

Hi there,

I am happy with the look of my desktop site, however on mobile the site is too wide and requires the user to scroll, so the site isn’t centred. Any fixes?

The URL is https://aboveauthority.co.uk/

Password: [email removed]

1 Like
2

Hi @lucasmartin3330 ,

Can you try adding this css to the bottom of your theme css

.section-header{
overflow-x: hidden;
}
.header__icons {
    padding: 1rem;
}
1 Like
3

Thank you so much!

1 Like
4

Anytime my friend! I do bug-fixes free of charge by the way. The only cost is a positive review, feel free to message me for more information.

2 Likes
5

Hello All,

I am having a similar issue in the Debut 17.14.1 Theme. I Love everything in my Desktop view, however my mobile view is jacked up! My Store is https://chic-bellas-slayground.myshopify.com/. Can someone tell me how to fix my Mobile site so that the Cart isn’t above the Header and my Main Menu isn’t left justified. The Main Menu should run horizontally like on the desktop version. Please help me someone, I would Truly appreciate it. The whole Mobile spacing looks weird. Thank you in advance!