Header submenu lineup

Site URL: https://www.carstenfleck.com/

I want a submenu of the header line up with the left, with the beginning of the word Projects but at the same time want to keep the header aligned to the right. To line up the submenu with the left is by default only possible though, if I align the header to the the left. Is there a coding solution to this?

Best,

Carsten

First image header aligned to the left, submenu also aligned to the left. Second image header aligned to the right, submenu also aligned to the right. Would like to find a way to align header to the right and submenu to the left. 🙂

Try adding to Design > Custom CSS

.header-layout-nav-left .header-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

Hey Tuanphan,

Thank you so much! I added the CS but the location hasn't changed. 

Best,

Carsten

Anybody any idea how this could work? Thanx again tuanphan for your help but I wasn't able to make it work. The submenu still doesn't line up to the left I mean it doesn't start directly under Projects and lines up to the right.

Best,

Carsten

Try this new code

div.header-nav-folder-content {
    left: 0 !important;
    text-align: left !important;
    padding-left: 0 !important;
}
div.header-nav-item {
    position: relative !important;
}

tuanphan,

Fantastic! Does work! Thank you so very very much! Really appreciate it!

Best,

Carsten