Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
Please check the screenshot end bracket missing in base.css file.
Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
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
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
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!
Thanks for your reply and help. The solution you provided doesn't work. Is there another way to do it?
Thanks in advance,
Cedric
This is an accepted solution.
Please check the screenshot end bracket missing in base.css file.
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.
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;}
}
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
Please share me screenshot.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024