Changing Dawn header menu display on mobile

rutadrungilaite
Tourist
9 0 1

Hello,

 

The default display of the mobile menu in Dawn theme requires the user to press the arrow in order to access submenu sections and opens up a separate view to view those sections as per screenshots below:

 

IMG_3286.jpg  IMG_3287.jpg

 

I want the 'Shop' menu section to have a downward pointing caret symbol and the submenu sections to open up right under the 'Shop' title on the main menu page, rather than opening on a separate screen.

 

I don't want any changes to the way the menu is displayed on desktop.

 

Is anyone able to please support?

 

Thanks a lot,

Ruta

Replies 2 (2)

Liqiud_xPert_SJ
Shopify Partner
802 100 128

@rutadrungilaite 

 

yes it can be done refer to the code below please put the code inside the theme.liquid file before the  </body> tags

.js .menu-drawer__navigation .submenu-open {

  visibility: visible !important;

}

.js .menu-drawer__submenu {

  position: static !important;

  visibility: visible !important;

  transform: translate(0) !important;

}

body .menu-drawer__close-button {

  display: none;

}

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
rutadrungilaite
Tourist
9 0 1

Hello,

 

Thanks a lot for your reply.

 

The code did create an unfolding menu in the mobile view. However, the code also seems to have changed the font type and font sizes all across my store as well as changing the way the pages are displayed e.g. the landing page now has white gaps on both sides.

 

Is there a way to modify the code so that all other elements in my store are not impacted?

 

Screenshot 2024-04-23 at 17.57.35.jpgScreenshot 2024-04-23 at 17.57.56.jpgScreenshot 2024-04-23 at 17.58.34.jpg

 

Thanks a lot,

Ruta