Would like the header shorter in height

[TracyWake]

Hi everyone,

Is there any way I could reduce the height of the header on my website? See image.

Here is a link to the website.

Thanks for reading.

[prakash_s]

Hello Tracy,

Sorry, there is no option to reduce the height of the top bar at the moment but you can achieve your desired layout by overriding the style for that you need to add these custom CSS code under X-->Theme options --> CSS.

.x-topbar {
    min-height: 30px;
}

You can change the min-height value as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[TracyWake]

That’s brilliant, it looks so much better - Thank you!

[marc_a]

Hi Tracy,

You’re welcome and its our pleasure to help you, If you have any other concerns, feel free to reach us.

Thank you.