A user working with Shopify’s Dawn theme is experiencing a zoom-out issue with their header dropdown menu on most pages, except the About page. They’ve shared screenshots showing the problem versus the desired appearance.
Proposed Solution:
Another user suggested adding CSS code to fix the display:
assets/base.css#menu-drawer .menu-drawer__menu-item {
display: block;
}
Current Status:
The original poster attempted the fix but reported it didn’t work. Screenshots were shared showing the code implementation, and the helper is now reviewing whether something was incorrectly applied. The issue remains unresolved and troubleshooting is ongoing.
My header dropdown menu is zoomed out for some reason on almost all pages except the “About” Page
First image is the the problem im experiencing, while the second image is what i want it to look like. Im working with the Dawn theme and the url is: Young Professionals Collective (ypcollective.com)
TIA
Hi @ypcollective ,
May I suggest to update code these steps:
#menu-drawer .menu-drawer__menu-item {
display: block;
}
Im sorry , this did not work
Hi,
Did you add code?
