-
I have six sites all built with GP and GB. Five of them are fine in terms of display. But this one site slides side to side on both desktop and mobile. I’ve reviewed several times with the inspector, but I cannot determine what is causing this. It is a problem in both desktop and mobile. Could you please take a look and let me know what I’ve done wrong? Thanks.
-
Hi there,
You have 2 containers with a static
widthof 1280px, so on screens narrower than 1280px, the 2 containers will still maintain their width, causing content overflow.The 2 containers are:
One of the containers in the side header with class .gb-element-78ff5d10
https://app.screencast.com/JnyHqx7JR9113One of the child containers of the first section on the page with class .gb-element-dd55a002
https://app.screencast.com/q7xLVgLJaja1LYou will need to set a
max-widthto100%for these 2 containers, or simply remove thewidthvalue.Let me know if this helps!
-
Hello Ying,
I made those changes, but it has not made any difference. It is very sloppy on mobile. I’m assuming it must be in the header, footer or overall site settings because it is a problem on every page. Do you have any other suggestions of what I should check?
Thanks
Michael -
Hello,
Your copyright text at the bottom (the
.gb-text-be49e686paragraph with thecww-footerclass) has ana::afterselector that doesn’t seem to be used. It was there to create a divider. You can remove that selector. If you want to keep it, you need to edit the.gb-element-dc18bd17container and set the Position toRelative. -
Thanks, George. You identified the problem. I made the fix and all is good now. I really appreciate having the expert eyes take a look. You can mark this as resolved.
-
Glad to know, you are welcome!
- You must be logged in to reply to this topic.