SHOPIFY MOBILE

[54authentic]

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 

[KetanKumar · Accepted solution]

@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;
}
}

[KetanKumar]

@54authentic 

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

[54authentic]

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

 

[KetanKumar · Accepted solution]

@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;
}
}

[54authentic]

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

 

[KetanKumar]

@54authentic 

thanks for update its my pleasure to help us 

[54authentic]

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

[KetanKumar]

@54authentic 

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

[54authentic]

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.

[KetanKumar · Accepted solution]

@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;}
}

[54authentic]

thank you again! worked perfectly 

[KetanKumar]

@54authentic 

its my pleasure