Unstack Navigation Bar

Site URL: https://www.houseno35.ie

Hi I've tried codes from previous users posts relating to this but still no resolution so far - I don't want the navigation bar to be stacked, I want it to span the width of the page horizontally. Any advice?

Try adding to Design > Custom CSS

/* Unstack nav */
.Header-inner.Header-inner--bottom {
    flex-direction: column;
}
nav.Header-nav.Header-nav--secondary {
    left: 20px;
}

On 2/5/2021 at 8:49 AM, tuanphan said:

Try adding to Design > Custom CSS

/* Unstack nav */
.Header-inner.Header-inner--bottom {
    flex-direction: column;
}
nav.Header-nav.Header-nav--secondary {
    left: 20px;
}

 

Hi @tuanphan many thanks for your response. While this does unstack the nav bar as I wanted, it unactivates the functionality of the menu tabs (the tabs cannot be clicked). Any ideas why this is? Thanks in advance!

11 hours ago, Mary123 said:

Hi @tuanphan many thanks for your response. While this does unstack the nav bar as I wanted, it unactivates the functionality of the menu tabs (the tabs cannot be clicked). Any ideas why this is? Thanks in advance!

Just tested & still clickable here. Can you insert code & refresh your site & check again?

On 2/8/2021 at 8:59 AM, tuanphan said:

Just tested & still clickable here. Can you insert code & refresh your site & check again?

Hi Tuan, I've refreshed and tried it again and unfortunately on the home page the tabs are still not functioning.

Mary123

Odd it isn't working. tuanphan's code works great here with no problem with tabs.

When you say tabs I assume you mean the navigation links at the top of the site?