How do I get rid of horizontal scrolling in my description?

[*coins]

Over the years, I have slowly worked on a nice eBay description template, using things I learned from @shipscript and @milodesign...It is perfect, except it is not completely mobile friendly. I have been really busy lately, so have not had time to work on it. I ran one of my listings through the i-ways checker, and it told me that everything was fine except horizontal scrolling. Is there some sort of HTML tag that I can put at the top to make it not do that or do I have to look at the code and find whatever is causing the scrolling?

My listing template is set up to match my store as well, and after designing my own store, I copied the whole thing (not the code) and pasted it into a rich text editor. I think that could be part of the problem. So, it has pages, categories, and other tabs on the left side of the page, and looks just like a store.

Here is what i-ways said..I don't know what media queries are or how to use them.

---------------------------------------------------------------------------------------------------------------------

Viewport width: 375 px, Content width: 1198 px

---

• Do not use large fixed width elements.
• Content should not rely on a particular viewport width to render well.
• Use CSS media queries to apply different styling for small and large screens.

----------------------------------------------------------------------------------------------------------------------

Thanks, I am a bit confused as you can see.

[shipscript · Accepted solution]

@*coins

There is probably some element within your template that is setting a hard width. That could be an embedded picture, or table code, or some stray hardcoded width. We would have to see the actual template to make any sense of it. Do you have it in a listing?

If not, could you use the </> code button on the toolbar and add the code to a post?

[*coins]

I sent you a PM @shipscript.

[shippingusa]

overflow-x:hidden; try that in body element