Menu class not reflected on page

[AshleyF]

I am working within your mega menu element and I have a small menu appear in the submenu dropdown as you can see here. The bottom link (full chapter contents) should be orange.

I have added a CSS class (orange) to one menu item (OCD chapter menu) but it does not show at front end on the menu.

So as you can see in this screenshot I added the class. Then in the image below I added that CSS at the top of my global CSS.

But despite this, the menu item remains blue, not the expected orange. Any suggestions? Could the default theme colour selection for links be over riding somewhere?

[ruenel]

Hello Ashley,

Thanks for the very detailed post information. Your CSS class selector is already reflected on the page. The CSS code did not have any effect because of CSS specificity.
You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Based from the screenshot above, your CSS code could be:

.x-menu li.orange .x-anchor .x-anchor-text-primary {
    color: #dd5511;
}

The given code above serves as an example. Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Hope this helps.

[AshleyF]

As always, so very helpful, thank you. Problems resolved.

[prakash_s]

Hello Ashley,

Glad that @ruenel was able to help you. Please feel free to reach us if you have any queries regarding our theme and theme settings.

Thanks