FROM CACHE - en_header

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

Solved
Lena-L
Tourist
5 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

Accepted Solution (1)

Accepted Solutions
AlexEffron
Shopify Partner
2683 387 1050

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.

View solution in original post

Replies 5 (5)
AlexEffron
Shopify Partner
2683 387 1050

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;
}
Lena-L
Tourist
5 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!

AlexEffron
Shopify Partner
2683 387 1050

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.

Lena-L
Tourist
5 0 3

Hi, thanks a lot, now it worked!

Wish you a wonderful rest of the day,

Lena