A Shopify user encountered an issue where dropdown menu text was wrapping onto multiple lines. They initially applied CSS code (white-space: nowrap; to .header__menu-item in base.css) which successfully prevented text wrapping but created an unintended side effect: it prevented logo resizing.
The user shared:
Resolution: The issue was resolved by the original poster without sharing the final solution method.
Hello, I’m trying to prevent the text of the menu options from wrapping.
I used this code in base.css, which stopped wrapping, but it prevented me from changing the size of the logo. As you can see in the second pic below.
.header__menu-item {
white-space: nowrap;
}
https://pacess-theme-v2.myshopify.com/
pw: iffais
Thanks!
Nevermind, solved it
