Change menu header size

[VoyaTravel]

Hello, my menu is very thick, I want to make it thinner.

www.winegirly.com

Please help, thank you. 

[Ecom_Prof]

Hello, I'm Joseph 

That is not a problem at all. 

You can do that by simply going to your Home settings in your theme. 

Then locate the Section Padding and adjust the Top Padding to your desired size.

I hope it helps. Thanks

You might need help with marketing the wine holder on your website for sales, You can let me know. Thanks again

[BSSCommerce-HDL]

Hi @VoyaTravel, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header__logo-image {
    height: 85px !important;
    width: 140px !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Dan-From-Ryviu]

Hi @VoyaTravel 

Your logo caused the issue. Please crop your menu to solve it

[VoyaTravel]

Thanks Dan, I figured that's what happened. I uploaded the PNG transparent version the designer gave me, I will figure out a way to crop it. 

[Dan-From-Ryviu · Accepted solution]

Shopify has option to crop image, just go to Online store > Themes > Customize, open section where you added logo, click on logo image then you can see crop option

[VoyaTravel]

I didn't know that, thank you!

[topnewyork]

Hi @VoyaTravel , kindly use the below instructions and code

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

.header__logo {
    max-width: 150px !important; 
    grid-area: logo;
    display: flex !important;
    position: relative;
    height: 15px;
    align-items: center !important;
}

max-width: 150px !important; you can adjust this according to your need.

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!