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! 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
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
THANKS! You are a life saver!
Hello,
I am trying this however I am not able to fix this problem. Please do help
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
This worked wonders for me thank you, the white space on the right of my mobile store was driving me nuts!