Mobile Spacing Issue - Supply Theme

Solved
Highlighted
Tourist
13 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 Expert
1353 111 181

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
Shopify Expert Page: https://experts.shopify.com/perennialsolution
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
13 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
Highlighted

Success.

Shopify Expert
1353 111 181

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
Shopify Expert Page: https://experts.shopify.com/perennialsolution
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
4 Likes
Highlighted
Tourist
13 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 Expert
1353 111 181

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
Shopify Expert Page: https://experts.shopify.com/perennialsolution
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
Highlighted
New Member
1 0 0

any idea on how to reduce the space between:

  1. the section title and "more" button?
  2. description & price?
  3. Space between bottom of price and line break between sections
  4. Screen Shot 2020-04-05 at 7.29.07 PM.pngScreen Shot 2020-04-05 at 7.29.25 PM.png

 

0 Likes