Oct 11, 201811:07 AM - edited Oct 11, 201811:14 AM
Member
Mobile Vertical Menu Issues - Last Child Formatting
Hi!
I'm using a hubspot template to build a new site - however I'm having issues with the mobile menu. I created custom styling on desktop for the last item on the menu/navigation list. When it converts to mobile, I'd like the last item to appear the same as the first three items with the only differentiation being the color. I've tried everything in the CSS media queries and can't figure it out.
I originally had custom css for the last child of the menu list - but because I was unable to change on a mobile. I omitted the last child of the last and added a CTA button instead. Initially it was easier to modify the last child for position alignment uniformity but the CTA method works. Except in the mobile view I had to omit due to funky formatting.
Mobile Vertical Menu Issues - Last Child Formatting
There is a separate list of styles for mobile in hubspot themes. It should come directly after the desktop area, so keep scrolling down on the stylesheet until you see Mobile Menu.