Horizontal Scroll issue on Product Page in Mobile View Sense Theme

[jayesh1128]

Hello Sir/Ma'am Help!!

 Why my site is Horizontal Scrolling from Side in Mobile View theme is Sense.

Link - store.tradingneu 

.coAmbika Store 

[Moeed · Accepted solution]

Hey @jayesh1128 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media (max-width: 749px) {
html, body {
overflow-x: hidden;
}
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-B2B · Accepted solution]

@jayesh1128,

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
@media screen and (max-width: 767px){
.rte li {
    overflow: auto!important
}
}
</style>

[goldi07]

hello @jayesh1128 

can you please share your Website URL
thanks

[Dan-From-Ryviu]

Plehi @jayesh1128 

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
html, body {
overflow-x: hidden;
}
}

[Moeed · Accepted solution]

Hey @jayesh1128 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media (max-width: 749px) {
html, body {
overflow-x: hidden;
}
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-B2B · Accepted solution]

@jayesh1128,

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
@media screen and (max-width: 767px){
.rte li {
    overflow: auto!important
}
}
</style>

[exertweb · Accepted solution]

Hello @jayesh1128 

I've check your PDP and we found the issue in product description table element. so please add below css to resolved your scroll issue.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px){
    .product__description table {
        width: 100% !important;
    }
    
    .product__description table tr td {
        width: 50% !important;
    }
}
</style>