I’m attempting to create a vertical CSS unordered list menu, where the items all have the same width. I’m modifying someone else’s code to do this, because I couldn’t find what I was looking for online. But so far I have not been successful.
I can’t get the items to expand to the same width. I also noticed there’s extra space to the left side – like padding or margin – that I can’t seem to account for. Possibly in the mobileMenu div, but there isn’t one there.
I figured out where that margin was coming from. It’s actually the indent for where list style types would be. It’s not showing up on my Codepen, but it is showing up on my ASP page. Even though the list-style-type is set to “none”, and the list style is not showing up, the space is still there.
I think it was related to my IE browser’s compatibility view mode. My doctype is < !DOCTYPE html>, but our site is old and I constantly have to hit the Doc mode button to fix page views. Refreshed and restarted my browser a few times and it seems to be okay now. Stupid IE. =)