How to reduce the distance between the header and logo - using the canopy theme

Store Design
1

Hi,

I am currently setting up my store however after uploading my logo it sits very low. The logo currently sits exactly where i want it (centered between the search bar (left) and the cart (right)) however it’s really low. How can I fix this? Any suggestions welcome - I am using the canopy theme.

Capture22.PNG
Capture22.PNG1791×284 25.4 KB

2

Hi @Dan664 ,

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

So that we can help you.

Thank you.

3

Sure thing!

URL: Joyajewellery.com

Password: priama

4

Hi @Dan664 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css->paste below code at the bottom of the file:
@media (min-width: 768px) {
    #shopify-section-header .logo-nav {
        margin-top: -60px;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

2 Likes
5

Thankyou!!!