[Support request] Menu Bottom Right Of Full Page Header

[Anthony]

Hi,
can anyone help me out. I’m try to place the main site menu on the bottom right of a full page header but with no luck so far.

I’m am using GeneratePress premium and been able to place the menu below the header title but not below the header content. It seems that this may not be achievable via the customizer.

Could there be a way using the after_header_content hook? If so could someone point me in the right direction.

Thanks Anthony

[David]

Are you using the GP Page Headers?

[Anthony]

Hi David,

Yes, I am.

[David]

If you have the PageHeader set to Merge with Site Header (on the advanced tab). Then we can move the navigation using CSS, this will maintain the sticky navigation as well:

.generate-merged-header {
	position: relative;
}
#site-navigation {
	position: absolute;
	width: 100%;
	bottom: 0
}

[Anthony]

Thanks David,

It works when I remove “position relative” from generate-merged-header

strange

[David]

The code works for me with the Primary Navigation Location set to Below Header. But glad you got it working.

[Author]

Posts