Mobile Spacing Issue - Supply Theme

Solved
Tourist
8 0 0

Hello! I'm trying to fix the spacing on my home page between the nav bar - logo- and slider in the supply theme in the mobile view only. Attached is the image of what I'm looking at.

I'm pretty new when it comes to code and I've tried to read through my code a couple times but can't find anything that fixes the mobile padding.

 

Screen Shot 2019-12-13 at 12.32.25 PM.png

0 Likes
Shopify Partner
1110 90 136

Please Share a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
Tourist
8 0 0

Hey Pernnial

 

Here is the store link: https://k87mw2jrcifih53b-3895737.shopifypreview.com

It's currently in development so it's not published.

Thanks!

0 Likes

Success.

Shopify Partner
1110 90 136

Hi @jmer95,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (max-width: 480px){
.header-logo {
margin: 0 auto !important;
}
.main-content {
padding-top: 0px !important;
}
}

 

if any issue let m know

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
3 Likes
Tourist
8 0 0

Perfect! Thank you so much!

 

 


@Perennial wrote:

Hi @jmer95,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (max-width: 480px){
.header-logo {
margin: 0 auto !important;
}
.main-content {
padding-top: 0px !important;
}
}

 

if any issue let m know


 

0 Likes
Shopify Partner
1110 90 136

any work in future let m know

feel free to reach out

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
2 Likes