Trying to change padding size on newletter section.

Highlighted
New Member
3 0 0

Hi, I'm trying to edit my newsletter size and padding so it all fits on one page. How do I go about doing that?

0 Likes
Highlighted
Astronaut
1085 178 214

Hello,

Thank you for your question.

Please share:

- your store URL
- Page password (if your store has one)
- Screenshot of the part you want to edit the padding

I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
3 0 0

 

Hi! 

 

The URL: https://levi-lashes.myshopify.com/

 

I illustrated how I want the three sections a bit closer. The heading, the middle and the newsletter are all too far away.

20200913_011318.jpg

0 Likes
Highlighted
Astronaut
1085 178 214

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

 

.template-index #AccessibleNav{
    display: none;
}

.template-index .newsletter-section {
    padding-top: 0 !important;
    margin-top: -70px;   
}

@media (max-width: 767px){
    

.template-index .newsletter-section {
    margin-top: -50px;   
}

}

 

 


You can change the values as you wish:

-70px = top spacing for newsletter (desktop/larger devices)
-50px = top spacing for newsletter (mobile/tablet devices)

you can use any negative or positive numbers. i.e. -30px, 0px, 20px, etc
Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
3 0 0

Thank you! Now my menu bar is gone and won't show up.

0 Likes