How can I make my website header more narrow?

Hello! I want to make the space above my logo and below the announcement bar smaller. Could you please help me add a code to my custom CSS section on the header section to make this space more narrow? I can give you store URL and password through PM. Thank you!

Could you send me url page, i will help you check it

Sure, send the URL and password. Btw, you can adjust the height of the header through the theme editor!

I will send you URL and password, I tried to do it though the theme editor, but for a specific logo size, it won’t go below a specific margin. I need code to do it I think.

I sent you the information. Thank you!

Your logo is too big in height. Check out the video I sent you :video_camera:

Hi @sirensiren

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

sticky-header header.header.header–middle-left.page-width.header–has-menu {

height: 60px !important;

margin-top: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Thank you so much! It worked :slightly_smiling_face: