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:
Thanks in advance
Hi Ops
Thanks for your feedback and questions. Unfortunately, we don’t currently have anything written in the theme’s Custom CSS documentation for adjusting the menu button: Page: CSS Snippets. I’ll pass on your request shortly. If you’d like a hand with Custom CSS modifications in general, please consider SiteOrigin Premium. We have the capacity to assist with small customizations of that nature within our premium support tier via email. Sorry, I don’t have anything to help out with here.