Show Display cart in menu outside of the menu

Hi there,

can you set the Customizer > Layout > Header - inner width to Full Width, i can then take a look to see if thats possible with some CSS.

Hi David,

Thanks for your reply.
I have set layout header to full width
On my 27 inch monitor the menu is showing out of place now

Yeah its real tricky to get this layout - but i think we can get there :)
The account icon you have added to the navigation - is that using a Hook ? If so can you change the Hook to generate_menu_bar_items

Once thats done i can look at the CSS

Hi David

Changed to generate_menu_bar_items

Not seeing the change .. yet ... do you have any caches plugin or server ? that can be cleared?

Whilst where there - in the Center Logo CSS - change this rule:

.main-navigation ul li:nth-child(3) {
    margin-left: auto;
}

to:

.main-navigation ul li:nth-child(4) {
    margin-left: auto;
}

This will move the Our Mission menu link to the left handside.

Hi David,

Try now. I changed it to
.main-navigation ul li:nth-child(4) {
margin-left: auto;
}

Now try adding this CSS:

.main-navigation #primary-menu {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.main-navigation .inside-navigation.grid-container {
    max-width: 100%;
}

.main-navigation .menu-bar-items {
    margin-left: unset !important;
}
/* Offset width of menu bar items for centering menu on larger screens */
@media(min-width: 1200px) {
    .main-navigation #primary-menu {
        padding-left: 95px;
    }
}

Amazing!!

Thank you so much David. All good now :-) in the main menu, but still the same in the sticky menu

Can you reshare the link ?

Hi David,

I have updated the link in Private information

Made a change to the CSS above