How do I remove extra padding on right side of mobile site?

Store Design
1

Hi - I am hoping someone might have the solution to remove this white padding on the right side of my mobile site? The Cart icon also looks like its been pushed to the right and slightly into the padding area. I’m using Dawn theme.

IMG_9778.PNG
IMG_9778.PNG1179×2556 313 KB

Thank you

2

Hello @milkbar23
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

3

Hi @milkbar23 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1721456155435.png
BSSCommerceHDL_0-1721456155435.png376×790 173 KB

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:

4

Hey @milkbar23

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 tag

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

Best Regards,
Moeed

5

Hi Moeed, Thank you that worked for the padding however the Cart icon is still getting cropped off, any solutions to fix that?

IMG_9779.PNG
IMG_9779.PNG1179×2556 366 KB

6

Hey @milkbar23

Add this updated code with the same steps mentioned above and remove the previous code.

RESULT:

Moeed_0-1721457211385.png
Moeed_0-1721457211385.png386×678 206 KB

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

Best Regards,
Moeed