How can I eliminate the blank space between nav bar and banner image?

Store Design
1

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
Schermopname (3)_LI.jpg1895×892 113 KB

1 Like
2

Hello There,

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

1 Like
3

Welcome to shopify community.

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

Thank you.

1 Like
4

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

5

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

1 Like
6

@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!

1 Like
7

@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

8

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;}
}
1 Like
9

@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

1 Like
10

@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
2022-01-11_17-19_Why should I add green to my.jpg1242×752 82.6 KB

1 Like
11

Please share me screenshot.

12

@dmwwebartisan ,

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

1 Like
13

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.