Solved

Can I eliminate blank space between the nav bar and banner image on Shopify?

PlantyBrand
Excursionist
24 0 6

 

Hi there,

I got a question regarding my shopify webshop design. How do I get the banner image at the top of the page so the blank space between the nav bar and the banner image dissapears? 

 

Thanks in advance,

 

Cedric

 

 

 

Schermopname (3)_LI.jpg

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@PlantyBrand 

Please check the screenshot end bracket missing in base.css file.

2022-01-11_17-19_Why should I add green to my.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 12 (12)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Denishamakwana
Shopify Partner
1408 173 231

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
PlantyBrand
Excursionist
24 0 6

Hi @Denishamakwana,

 

Thanks for your fast reply.

 

The url is: plantybrand.com 

The password is: ajakkes

The page is: why you need plants

 

I hope you can help me resolve this issue!

 

Thanks in advance,

 

Cedric

PlantyBrand
Excursionist
24 0 6

Hi @ZestardTech ,

 

Thanks for your fast reply.

 

The url is: plantybrand.com 

The password is: ajakkes

The page is: why you need plants

 

I hope you can help me resolve this issue!

 

Thanks in advance,

 

Cedric

dmwwebartisan
Shopify Partner
12280 2546 3694

@PlantyBrand 

Please add the following CSS code to your assets/base.css bottom of the file.

 

@media screen and (max-width: 749px){
#shopify-section-template--15255091577071__1641845699354eb45e.spaced-section {margin-top: 0px !important;}
}

@media screen and (min-width: 750px){
#shopify-section-template--15255091577071__1641845699354eb45e.spaced-section {margin-top: 0px !important;}
}

 

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
PlantyBrand
Excursionist
24 0 6

@dmwwebartisan ,

 

Thanks for your reply and help. The solution you provided doesn't work. Is there another way to do it?

 

Thanks in advance,

 

Cedric

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@PlantyBrand 

Please check the screenshot end bracket missing in base.css file.

2022-01-11_17-19_Why should I add green to my.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
PlantyBrand
Excursionist
24 0 6

@dmwwebartisan ,

 

That worked! Wow thanks so much that really helped me! Also big thanks to @ZestardTech 

 

 

ZestardTech
Shopify Expert
5393 970 1291

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

@media screen and (max-width: 749px){
#shopify-section-template--15255091577071__1641845699354eb45e.spaced-section {margin-top: 0px !important;}
}

@media screen and (min-width: 750px){
#shopify-section-template--15255091577071__1641845699354eb45e.spaced-section {margin-top: 0px !important;}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
PlantyBrand
Excursionist
24 0 6

@ZestardTech ,

 

Thanks for your help! I appreciate it. However the solution you provided doesn't work. Unfortunately the blank space is still there...

 

Kind regards,

 

Cedric

ZestardTech
Shopify Expert
5393 970 1291

Please share me screenshot.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing