[Support request] merge desktop header with primary navigation only

[Cynthia]

I want to merge desktop header with primary navigation ONLY. The primary navigation is set to below the header.

I don’t want the header to merge with any content below the primary navigation.
When I tried to create a Header Element, it would merge the header with all of my page content so I’m not sure how to adjust the settings to ONLY merge with just the primary navigation.

And I want to do this without effecting my mobile header and canvas menu the way it is set currently.

[Ying]

Hi Cynthia,

Try this CSS:

@media (min-width: 769px) {
    #site-navigation {
        position: absolute;
        width: 100%;
        top: 125px;
    }
}

Adjust the top value to re-position the menu.

[Author]

Posts