How can I reposition the logo in the main navigation bar?

Store Design
1

Hi all, I’m new to shopify. (I used to be on Squarespace!)

So,I have the Maker theme and I love it, but I want to move the logo up from where it is currently. I just want it to sit in the main navigation bar, as opposed to half in/half out.

Can anyone give me a code?

https://pmogqtzl9e8mb95k-58509623452.shopifypreview.com

2 
.fw--logo.height-90.type--image {
    top: -20px;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme–critical.scss.liquid

3

Hey, great thanks. That worked

i tweaked it slightly as I changed logo image to no white background, so the height and top:-20 had to be changed.

But now I’m wondering is there a way to make the main nav white area taller? Because my logo will be tiny squeezed into it.

Thanks for your help on this :slightly_smiling_face:

4

Hi Nibbedcacao,

Hope you are well.

Follow the below steps:

  • Go to Online Store->Theme->Edit code
  • Asset->/theme–critical.scss.liquid
  • Delete the below code
.fw--logo.height-55.type--image {
    top: -8px;
}
  • Paste the below code at the bottom of the file & Click Save
.header--root {
     height: 85px!important;
}

Nibbed Cacao.png
Nibbed Cacao.png1349×625 595 KB

Hope that helps.

Thanks

5

Hi @prasanna1991 , great thats worked :slightly_smiling_face:

Is it possible to move the menu down to the middle or bottom of the white area?

Thanks so much!

6

Thank you, it worked :slightly_smiling_face: