My site overflows to the right how can i fix that

Store Design
, ,
1

Oguzsanci_0-1722521623907.png
Oguzsanci_0-1722521623907.png640×1018 171 KB

how can i fix this issue

here’s the link to the site

1 Like
2

Hi there,

To fix the overflowing issue, you can use the below CSS:

@media (max-width:768px) {
body {
  overflow-x: hidden !important;
}
}

Adding the above at the end of your theme.css file should be working as expected.

Cheers!

3

Hi @Oguzsanci ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

2 Likes
4

Hello @Oguzsanci

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { body { overflow-x: hidden !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5
  • Here is the solution for you @Oguzsanci
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the base.css or theme.css file.

  • Then add the following code at the end of the file and press ‘Save’ to save it.

@media only screen and (max-width: 600px) {
body {
 overflow: hidden !important;
}
}
  • Here is the result you will achieve:

BSSTekLabs_0-1722522532339.png
BSSTekLabs_0-1722522532339.png375×816 178 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.