Menu centre aligned problems

Hi there, thanks for your continued help.

I’m trying to achieve having my navigation/menu bar centred aligned also with another link to the right had side (see images attached)

Do you have any idea on trying to achieve this?

Regards

Will

Hi There,

Thanks for writing in!

Unfortunately the feature you are asking for is not offered by X theme.
You need to write custom css code for this,.

Please add this css to your theme option->custom-> Global css and let us know how this goes.

.x-nav-wrap.desktop {
   width: 100%;
}
.masthead-inline .desktop .x-nav {
   float: right; none;
    position: absolute;
    width: 100%;
    text-align: center;
}
.x-navbar .desktop .x-nav>li {
float: none;
display: inline-block;
}

.x-navbar .desktop .x-nav>li:last-child {
float: right !important;
}

Hope this helps!

Thanks

1 Like

You hero, this worked perfectly!

Thanks again

Will

additionally, I’m trying to have an underline on the right link. Is this possible?

“Get a quote”

Regards!

Please add this CSS

#menu-item-77 > a > span {
    box-shadow: 0 2px 0 0 #d61c23;
}

Hope that helps.

1 Like

Thankyou so much!

Have a good day

You too :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.