Nav Alignment

[slowbear]

Hi

Is there anyway to align the hover nav to the right? At the moment, mine is kicking out to the left, so when you hover down the nav, each option is further left.

[jade]

Hi there,

This should be doable through CSS.

Kindly provide the link to your site so that we can check it.

Thank you.

[slowbear]

Thanks @Jade - link is ecauk.com.

[jade]

Hi there,

Please try this code in the global CSS:

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: 100%;
}

Hope this helps.

[slowbear]

Hi @Jade.

Tried this and it doesn’t seem to have done anything unfortunately?

[jade]

Hi there,

I tried the code in the browser’s inspector and it works fine:

There might be some CSS errors present in the codes that you currently have in the global CSS. Try copy and pasting the code here to check for CSS errors.

Also, you can try adding !important declaration to the code I previously suggested:

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: 100% !important;
}

Hope this helps.

[slowbear]

Ah, is it possible to align both the sub nav and the sub-sub nav? i.e. so both boxes align to the left.

Looking at your screenshot, it looks like the subnav is still aligned to the right of the tab above it, whilst the sub-sub nav has been moved to the right.

[jade]

If you want to align the second and third level navigation both to the right, this should do it:

.masthead-inline .x-navbar .desktop .sub-menu {
    right: auto;
    left: 0;
}

.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    left: 100%;
}

Hope this helps.

[slowbear]

Thanks @Jade. This has worked great. Thanks for your help.

[jade]

You are most welcome.