Mobile Spacing Issue - Supply Theme

Solved
Highlighted
Tourist
11 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
Highlighted
Shopify Partner
1194 98 147

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
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 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
1194 98 147

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
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
3 Likes
Highlighted
Tourist
11 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
Highlighted
Shopify Partner
1194 98 147

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
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
2 Likes