Horizontal dropdown menus

Trying to make the dropdown menus show horizontally rather than vertically, but also have each submenu show underneath it's top level. All the code i've tried either formats it to right or centre alignment but not under the menu it's related to (which works when it's set as the standard vertical option).

Can you share the website url please.

Sorry!

https://www.adrianbrenner.co.uk/

Only the "Work" and "Store" options have dropdowns.

You can use this code to Website Tools > Custom CSS box

.header-nav-folder-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-nav-folder-content div {
    margin-right: 10px;
}

Doesn't quite work sorry, end up looking like this:

They're horizontal now, but are slightly left aligned, underneath the Heading to the left which is odd.

On 7/15/2024 at 3:36 AM, adibren said:

Doesn't quite work sorry, end up looking like this:

They're horizontal now, but are slightly left aligned, underneath the Heading to the left which is odd.

So you want to move both to right a bit, to make Home in position, between Interior - Exterior?