Center align text in "Navigation layered"

[jonaskaapa]

Hi,

I want to use a “navigation layered” on some of my pages to replace the “navigation inline” for smaller screens.
I’m trying to center align the text on the buttons but are not able to. It seems like something is overwriting when I’m setting it to center… I have tried with custom CSS as well without success. Can you please help out?

Please see page “IMU-Teknik” where I have added an extra menu as example of the problem…

[thai]

Hi There,

Please assign the btn-center-text to your buttons:

After that add this custom CSS under Theme Options > CSS:

.btn-center-text span.x-anchor-text {
    margin-left: auto !important;
    margin-right: auto !important;
}

Hope it helps

[jonaskaapa]

That’s great! Thank you very much!

[rad]

You’re most welcome!