White line/border on the right side using mobile.

Hi! I get a strange border on the right side when using the mobile version of the site. I dont know how to fix it…

www.samarkis.shop

Hi @Norriz ,

You can try this code by following these steps:

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

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

@media only screen and (max-width: 767px) {
  .bss_parent_text {
    margin-left: 96px !important;
  }
}

Here is result:

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:

1 Like

Thank you! However, I’m still experiencing the issue. I believe it might be because I can scroll horizontally, and then the white margin remains stuck even after applying the code you provided. It’s quite strange.

Hi @Norriz , Pls insert this code to your file css:

main#MainContent {
    overflow-x: hidden !important;
}

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

THANKS! You are a life saver! :heart:

1 Like

Hello,

I am trying this however I am not able to fix this problem. Please do help

https://powerupgummies.com/

1 Like

Hi @PowerUpGummies ,

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:

1 Like

This worked wonders for me thank you, the white space on the right of my mobile store was driving me nuts!