My site overflows to the right how can i fix that

[Oguzsanci]

how can i fix this issue

here's the link to the site

[GabrielS]

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!

[BSSCommerce-HDL · Accepted solution]

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 </head> tag: 

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

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 😍

[niraj_patel]

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 </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
  body {
      overflow-x: hidden !important;
  }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

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

- 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:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.