Docs

[ljuan_80]

Hi
I’m using the Xtheme demo footer menu on my website. However, I can’t get the menu items to be centred in the footer space. They are slightly skewed to the left. Please see screen shot.

Thank you very much in advance for any help you are able to provide

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

ul#ubermenu-nav-main-76-footer {
    display: table;
    margin: 0 auto;
}

Hope it helps.

[ljuan_80]

Hi
Thanks very much for the quick response. Unfortunately, the code didn’t make any difference to the position of the menu ítems.
What else could I try?

Thanks again!

[Paul R]

Hi,

You can try this code instead.

.x-colophon.bottom .x-nav {
    text-align:center;
}

.x-colophon.bottom .x-nav li {
    vertical-align: top;
    display: inline-block;
    float:none;
}

If that doesn’t help, please provide us your site url so we can take a closer look.

Thanks

[ljuan_80]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS instead:

.x-colophon.bottom .ubermenu-skin-white {
    background-color: transparent;
    text-align: center;
    border: none;
}
.x-colophon.bottom .ubermenu-skin-white ul li {
    float: none !important;
    display: inline-block;
}
.x-colophon.bottom .ubermenu-skin-white ul li a {
    color: #fff;
}

Hope it helps 🙂

[ljuan_80]

I’m afraid it’s still not changing anything! I am putting it in the right place, aren’t I: Customize -> Custom -> CSS

[Friech]

Hi There,

Yes, that is the right place. The custom css given above works, you just miss the closing bracket of this media query block.

@media (max-width: 767px){
.x-recent-posts a.x-recent-post4 {
    width: 48%;
    float: left;
    margin-right: 4%;
}

Please add the missing closing bracket.

Thanks.

[ljuan_80]

Hi
I really appreciate all the help, but the code doesn’t seem to change anything. I have copied and pasted the code given in reply #1009290 including the closing bracket, but it doens’t make any difference.

[Friech]

Hi There,

I did check the site again and still the @media (max-width: 767px) block miss the closing bracket. It should be

@media (max-width: 767px){
.x-recent-posts a.x-recent-post4 {
    width: 48%;
    float: left;
    margin-right: 4%;
}
}

And please clear your caching plugin and your browser’s cache.

Hope it helps, Cheers!

[ljuan_80]

That worked.
Thanks very much for all the help!

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts