Issue: A vertical bar appears immediately after the site logo/name only on Chrome for Samsung devices. Adding CSS (border-right:none on Branding #logo in base.css) did not remove it.
Context: Screenshots were attached to illustrate the visual glitch, and the site URL was provided for checking. Base.css refers to the stylesheet; theme.liquid is the main Shopify theme layout file.
Proposed step: A reply advised editing theme.liquid and pasting code before (the exact code was not shown in the thread). Screenshots of the steps were included.
Outcome: After trying the suggestion, the original poster reported the bar was still present on Samsung. A later check by another participant on Chrome with a Samsung screen showed the logo displaying normally, implying the issue may have been resolved.
Status: Resolution is unclear. One tester reports it fixed, but there is no final confirmation from the original poster, and the root cause or definitive fix was not identified.
My website appears fine so far on all web browsers and multiple phones, but for Chrome on Samsung, there’s a vertical bar line appearing immediately after my website’s logo/name. I’ve tried adding this code to my base.css but no luck;
branding #logo {
border-right:none;
}
I’ve attached images for better understanding. My site is; dearmama.shop
Hello @Muraya ,
You can follow these steps:
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hey, thank you for your help but unfortunately the vertical bar line is still present on Samsung
Hi @Muraya
We checked on Chrome browser with the Samsung screen and saw that the logo works normally. It seems that you have fixed it. Please let us know if you need further help.