Global CSS changes not reflected through Site

[RocktheHouse1876]

Hello,

I added the following code below via Theme Options > Global CSS. While in the Theme Options panel still, the website submenu reflects the CSS added. However when I exit out to the Wordpress dashboard, and desire to edit a page via Page > Edit with Cornerstone for instance, I noticed the sub menu no longer reflects the CSS added into Global CSS anymore. And when, one views the site, you cannot see it either.

I thought adding to Global CSS would reflect everywhere, I believe I’m missing something to this, would someone be able to help?

    .sub-menu {
left: 50% !important;
transform: translateX(-50%) !important;
text-align: center !important;
font-size:1.2em;
    }

    .desktop .sub-menu {
left: 50% !important;
transform: translateX(-50%) !important;
text-align: center !important;
font-size:1.2em;
    }

    .x-navbar .x-nav ul li a {
font-size: 1.2rem !important;
left: 50% !important;
transform: translateX(-50%) !important;
text-align: center !important;
    }

[jade]

Hi there,

There seems to be an issue with the CSS code that you have in the Global CSS such as some CSS syntax error that is stopping the CSS code you are adding to work as expected.

To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

Hope this helps.

[RocktheHouse1876]

Thanks for the tip! You were right!

[jade]

You’re most welcome!

Glad to hear it’s sorted.