Adjust Row Height of Header

[Anne Keller]

The row height of the header (the row that contains the site identity info/logo and menu items) is too tall – it takes up too much space on the screen. How do I make it shorter? I looked for “padding” or height settings in the code but don’t know where they are.

Thanks!
Anne Keller

[themearile]

Hi Anne

Please share your site URL so we can see and give you the proper solution.

Thanks
ThemeArile

[Anne Keller]

ngladvisors.com

[themearile]

Hi Anne,

We are trying to check your site but it is not working. Please check your site.

Thanks

[themearile]

Hi Anne

Your site URL is not correct to see the screenshot http://prntscr.com/rfrmde

Thanks
ThemeArile

[themearile]

Hi

Please follow the below help article here you will find the page header padding option.

https://helpdoc.themearile.com/?docs=arilewp-pro/how-to-setup-page-header

Let me know if it works.

Thanks
ThemeArile

[Anne Keller]

Note for others who are following this post – the team provided some CSS code that allowed me to change the height of the header – add the below CSS code in “Additional CSS” box.

@media (min-width: 992px) {
.navbar-brand {
padding-top: 1rem;
padding-bottom: 1rem;
}
.site-branding-text {
margin-top: 1rem;
margin-bottom: 1rem;
}
.navbar.navbar-header-wrap.classic-header .nav .menu-item .nav-link {
padding: 1.813rem 1.25rem;
}
.navbar.navbar-header-wrap.classic-header .nav .themes-header-top {
padding: 1.438rem 0px;
}
}

[Author]

Posts