Changing header height

Site URL: https://www.vincelam.com.au/

Hi there,

I am trying to reduce the height of the header. It is too high to my liking on desktop view (mobile is good). Can someone help me? The height of the header is visible when scrolling on the homepage www.vincelam.com.au.

Thank you in advance!!

Hi

Use this code in Design -> Custom CSS

.tweak-fixed-header .header .header-announcement-bar-wrapper {
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
}

Please use the like button if it helps you!

Best,
Leopold

On 10/3/2020 at 9:23 PM, IXStudio said:

Hi

Use this code in Design -> Custom CSS

.tweak-fixed-header .header .header-announcement-bar-wrapper {
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
}

Please use the like button if it helps you!

Best,
Leopold

Thank you so much Leopold!!

Worked for Me Too!

@IXStudio

Thanks for sharing the code. Works great for me too! 😃

On 10/3/2020 at 12:23 PM, IXStudio said:

Hi

Use this code in Design -> Custom CSS

.tweak-fixed-header .header .header-announcement-bar-wrapper {
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
}

Please use the like button if it helps you!

Best,
Leopold

Is there anyway to activate this only after scroll (for scrollback headers). 

I need the padding at the top of the page, but after logo gets replaced with a smaller one after scroll I'd like to change CSS to this?

On 1/11/2023 at 7:21 PM, CraigN said:

Is there anyway to activate this only after scroll (for scrollback headers). 

I need the padding at the top of the page, but after logo gets replaced with a smaller one after scroll I'd like to change CSS to this?

Try add this class name

.shrink .header .header-announcement-bar-wrapper {
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
}