How to remove an empty line in Retina theme homepage?

Solved
Highlighted
New Member
7 0 0

Hello there,

My homepage has an empty line that bugging me a lot. Not sure where I can remove it in css code, please help

Screenshot 2020-11-17 at 10.45.00 AM.png

It's a Retina theme, my site is aussiemeat.hk, Thank you!

0 Likes
Highlighted
Shopify Partner
129 27 31

Hi MC77,

What's your store URL? It will be easier to help looking at the page instead of a screenshot.

- Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
- Let customers preview your products and easily add them to cart with Peek Mode
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
- Manage your new arrivals with Newr
0 Likes
Highlighted
New Member
7 0 0

www.aussiemeat.hk Thank you

0 Likes
Highlighted
Shopify Partner
129 27 31

Sorry, you did post the URL in the original message.

Is this what you're after?

 

Screen Shot 2020-11-17 at 2.03.44 pm.png

- Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
- Let customers preview your products and easily add them to cart with Peek Mode
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
- Manage your new arrivals with Newr
0 Likes
Highlighted
New Member
7 0 0

yes

0 Likes
Highlighted
Shopify Partner
129 27 31

Ok, not very elegant but you can paste this at the end of your styles.scss file:

div.container {
    padding: 0 !important;
}

 

You can also play around with the padding if needed to better fit your layout. 

- Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
- Let customers preview your products and easily add them to cart with Peek Mode
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
- Manage your new arrivals with Newr
0 Likes
Highlighted
New Member
7 0 0

thank you so much!

0 Likes
Highlighted
New Member
7 0 0

I tried with it it looked fine on homepage but realized it also changed everything on other pages as well, if i added that everything on my other pages shifted up to few rows missing.

0 Likes
Highlighted
Shopify Partner
129 27 31

This is an accepted solution.

It makes sense. That rule was too generic.

This one should target only that paragraph:

#shopify-section-1482528454151 > div > div > div > h2 {
    margin-top: -50px !important;
}
- Yes, we build Shopify Apps. Hit me with your idea: https://vellir.tech
- Let customers preview your products and easily add them to cart with Peek Mode
- Add free, good looking social share icons with built-in analytics to your store with Share Lab
- Manage your new arrivals with Newr
0 Likes
Highlighted
New Member
7 0 0

omg, it's working perfectly! million thanks!!!

0 Likes