Home>Support>Styling single menu nav item to standout as a Cta

Styling single menu nav item to standout as a Cta

In trying to keep with some UX patterns for recency and making end-of-the-list menu items stand out as a call-to-action of sorts, I’m trying to style just the last menu nav item so it pops more.

I saw this basic article talking about adding the ‘menu-button’ CSS class to the item (https://siteorigin.com/corp-documentation/menus/), but then there doesn’t appear to be a way to modify the styling of the ‘menu-button’ class. This would be ideal since it’s already built-in.

Absent that, it appears there are a couple of different places I could add Custom CSS, but I’m not sure the best area to do that, and what the appropriate CSS would be to override the theme’s basic CSS applied to all menu nav items.

Here are other support threads and articles I’ve referred to already that haven’t quite solved this particular desire:

Navigation

Menus

Change color of Main Menu Button

Thanks in advance

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More