Mobile View Shifts to left leaving a blank white space. Please Help!

[Tanay12]

[WalkYourStyle]

Can you please share your store's URL ?

[Dan-From-Ryviu]

Hi @Tanay12 

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

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

[polo_msweb]

Hi @Tanay12,
This is Polo from MS Web Designer. 
I would love to assist you with your query.  Please share the store URL.

If you have any doubt, please feel free to ask.

Regards
Polo

[Huptech-Web]

Hello @Tanay12 
The white space appears due to the fixed width of the container or images. To fix this, simply assign a max-width value of 100% to the container. If this doesn't resolve the issue, please refer to the code below. If you provide your store URL, I can assist you further.

@media only screen and (max-width: 600px){
body { overflow-x: hidden; }
}

Feel free to reach out if you have any additional questions. If this solution is helpful, please consider liking and accepting it.
S.P

[BSS-TekLabs]

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

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

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

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