Header Menu Alignment Issues

Hi there,

in your header element you have a Grid Block - add another column to it and set both columns widths to 50%.

See here for more info on adding grid items:

https://docs.generateblocks.com/article/grid-overview/

And more info on the Grid Containers:

https://docs.generateblocks.com/article/container-overview/#layout-–-grid-item

There is no header element - https://i.imgur.com/07t0zJm.png. Perhaps I can change something in the CSS - https://i.imgur.com/0oF1UyP.png

Edit the Front Page, and make those changes in the editor there

I don't understand. You want me to make changes here -- https://i.imgur.com/8EFYKOA.png?

Please explain in more detail as I can't follow your instructions.

That is the layout you want to change isn't it?

No, I meant this -- https://i.imgur.com/ndLbmE7.png
I want it aligned like this -- https://i.imgur.com/Ka35Zgi.png

Aah ok.

You have this CSS on your site ( check in the Customizer > Additional CSS ):

@media (min-width: 1300px) {
    .main-navigation .inside-navigation .main-nav {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

Remove that CSS to stop centring the menu items.

It worked but the logo and other items on the menu are too far off. I want it to look like this - https://i.imgur.com/Ka35Zgi.png. There is no option to reduce the gap in Customize - https://imgur.com/FAvV8oc

In Customizer > Layout > Header - set the Header Width to Contained.

There is no such option - https://i.imgur.com/2wVQNn5.png

Hi Sufia,

Can you uncheck theusing navigation as header box in order to see the options?

Now what - https://i.imgur.com/qtTJZ0h.png
How do I make the alignment like this - https://imgur.com/Ka35Zgi

Then you can check the using navigation as header again.

Then go to customizer > layout > primary navigation, make sure navigation location to float right.

Navigation alignment is right - https://i.imgur.com/MaVS6OA.png

Is there no way to achieve this alignment? - https://imgur.com/Ka35Zgi. We have been going on for so long.