I’m helping a non-profit set up a website. They’re using the free Astra theme with Elementor. I’m trying to prevent the menu from wrapping if the browser is resized, but I can’t figure out a way to do that. I’ve tried using white-space: nowrap; on some of the classes I could identify (e.g. “main-navigation”, “main-header-menu”, etc.) but couldn’t get that to work.
Is it possible to prevent the menu from wrapping in a desktop browser?
Note: They’ve asked for the primary menu font to be larger, which I’ve done with additional CSS.
The page I need help with: [log in to see the link]
- You must be logged in to reply to this topic.