How to centralize my menu

[Boops]

Hi, I am using Globo menu, but it does not sit central on the page. I notice if I change the size of my logo, it pulls the menu left and right depending how big or small I make the logo. How could I fix this?

Many thanks

boops.co.uk

[BSSCommerce-B2B · Accepted solution]

@Boops ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
nav.header__inline-menu {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0;
}
header .header__heading,
.header__icon.header__icon--account{
   z-index: 1!important
}
</style>

Result when I increase the logo size: 

[BSSCommerce-B2B · Accepted solution]

@Boops ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
nav.header__inline-menu {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0;
}
header .header__heading,
.header__icon.header__icon--account{
   z-index: 1!important
}
</style>

Result when I increase the logo size: 

[Boops]

Hi, thanks for the solution, it looked ok but now I notice there is a line going through my logo -

[BSSCommerce-B2B]

@Boops , Did you change something? It looks like that now :))

[Boops]

I was making small edits to understand the effect, I've reverted back to your original code now

[Boops]

I noted home screen is ok, but not in collections

[BSSCommerce-B2B]

ok let me check

[BSSCommerce-B2B · Accepted solution]

@Boops , Try replacing the previous code by this one

<style>
nav.header__inline-menu {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0;
}
.header__heading-link, 
header .header__heading,
.header__icon.header__icon--account{
   z-index: 1!important
}
</style>

[Boops]

thanks looks good. do you know notice when the page is drawn the menu flicks left and right and briefly shows the old menu underneath - do you know if its possible to clean that up?

[Made4uo-Ribe]

Hi @Boops 

Do you mean in the desktop screen?

Your current menu now is center. 

Looks like not because of the 3 icons on the right. Do you want more adjustments?