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
2256 351 969

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;
}
PageFly - TOP5 in the Shopify app store. Learn More.

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
2256 351 969

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.

PageFly - TOP5 in the Shopify app store. Learn More.

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
2256 351 969

Thank you for the update.

PageFly - TOP5 in the Shopify app store. Learn More.

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