How to increase the height of the site header and the spacing between the icons in Avenue theme

Solved
Lena-L
Tourist
4 0 3

Hi everyone, I am having trouble locating the CSS class to define/adjusting the height of the site header as well as the spacing of the icons (search icon, cart icon etc.) in the header. I am using the Avenue theme for our shop: www.trenzyme.shop

How can I increase the height of the header as well as the space between the icons? Thanks a lot in advance!

 

Best,
Lena

HardikDavra
Shopify Partner
1919 302 825

Please place this  code at the end of theme.scss

#header-toolbar .sticky-navigation-container #header-navigation .container {
    padding: 13px 10px;
}

.customer-links ul li {
    padding: 0px 10px !important;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Lena-L
Tourist
4 0 3

Thanks for the fast reply. Unfortunately, there is no "themes.scss"-file. I can only find the "theme.liquid" (Layout) and "style.min.css" or "style.css" (Assets). I tried to add the code at the end of the style.min.css and the style.css, but it didn't change anything. Any idea?


Thanks a lot in advance!

HardikDavra
Shopify Partner
1919 302 825

This is an accepted solution.

Go to Assets -> find file which ends with .css or .scss and try to put code and check again. There must be theme.css or theme.scss or style.css or style.scss file.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Lena-L
Tourist
4 0 3

Hi, thanks a lot, now it worked!

Wish you a wonderful rest of the day,

Lena

HardikDavra
Shopify Partner
1919 302 825

Thank you for the update.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes