[Resolved] Navigation Menu Responsive: Move icon to center

[pete]

Best way to center hamburger menu to center for responsive?
As soon I inserted Navigation logo/image the menu shifted to the right.

[Leo]

Hi there,

Can you link me to the site?

[pete]

[Leo]

I’ve added the your site link address in the original post.

It’s under maintenance though can you disable it?

[pete]

Sorry about that turned off for now

[Leo]

Can you try this CSS:

@media (max-width: 768px) {
    .menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle {
        padding: 0;
        position: absolute;
        left: 50%;
    }
}

[pete]

Will do in the morning, thanks much

[pete]

Works great! Now onto working with some images- any great plugins you could suggest for proper size, etc.?

[Leo]

Depending on what images you are referring to but in general there is no suggested size.

See this thread for some info: https://generatepress.com/forums/topic/image-size-issue/

[Emer]

Hi Leo,

Can you step me through regarding the above CSS code?

Where Do I place the CSS code below?

@media (max-width: 768px) {
.menu-logo .main-navigation:not(.mobile-header-navigation) .menu-toggle {
padding: 0;
position: absolute;
left: 50%;
}
}

Thanks in advance.

[Leo]

One of these methods here: https://docs.generatepress.com/article/adding-css/

[Author]

Posts