How can I remove extra spaces from my mobile Shopify store?

HELLO

i need help! my store has spaces everywhere mobile but not on desktop!

on desktop its perfect! please help me remove these spaces.

thank you !!

54authentic.com

1 Like

@54authentic

oh sorry for any issue if possible to attachment further issue so i will give your proper code

1 Like

Notice the spaces under the banner, sub banner and the categories?! It’s like gap city!
please help

@54authentic

thanks for more details can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.index-section {
    padding-top: 5px;
    padding-bottom: 5px;
}
}

Omg !!! It worked perfectly thank you so much you have no idea how long I’ve been trying to figure this out!!

1 Like

@54authentic

thanks for update its my pleasure to help us

1 Like

hello, can you check my site again i changed the theme and its doin it again! please help me

1 Like

@54authentic

yes, please share us issue details so i will check and update

perfect! my website is 54 authentic.

on desktop its perfect but mobile its spaced out again just like last time.

the theme i switched to is craft.

the photo uploaded is mobile view.

1 Like

@54authentic

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.banner--mobile-bottom .slideshow__text.banner__box {display: none !important;}
.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {display: none;}
}

thank you again! worked perfectly

1 Like

@54authentic

its my pleasure