Remove unnecessary right padding on mobile home page

Store Design
1

Hello. Madia here from TRUCBD. Our team bought this shopify theme Atlantic, and for some reason, there is a shift, only on the home page. There is unnecessary right padding and I cannot pin-point the root of the issue. How do I fix this? See screenshot or you can visit https://www.trudistro.com. Again, this is only happening on the home page and becomes noticeable for the mobile version. I believe the desktop view is fine. Thanks in advance for whomever reads this! :slightly_smiling_face:

Screen Shot 2022-03-11 at 9.32.37 AM.png
Screen Shot 2022-03-11 at 9.32.37 AM.png852×862 445 KB

2

Hi @madiasdomain ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (max-width: 767px) {
    .logo-list-container {
        margin: 0 !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

Thanks so much. Looked as the css file and now I see it! Thanks so much