Full Width Navigation in Header

Site URL: https://www.buycornwall.co.uk

Hi,

I want to make my header look like the image below, however the links keep stacking, when I add more than five.

I need to keep it so that the Nav links can still have a drop down menu

Try adding to Design > Custom CSS

/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

Hi @tuanphan

Thank you for responding to me, unfortunately the links are stacking, do you have any other ideas? Many thanks

1 hour ago, jwat said:

Hi @tuanphan

Thank you for responding to me, unfortunately the links are stacking, do you have any other ideas? Many thanks

Add to Design > Custom CSS

/* Nav same line */
.header-title-nav-wrapper {
    flex: 0 0 100% !important;
}

@tuanphan thank you so much this has worked perfectly!