How can I center align and resize the submenu in Dawn theme?

Store Design
, , , , ,
1

hasanali1_0-1679566111339.png
hasanali1_0-1679566111339.png1473×441 165 KB

Im trying to center the submenu and decrease its font in a way that “new arrival” and ‘most popular’ are in 1 line

website - https://the-style-luxe.myshopify.com/

password - reucho

thanks in advance!!

2

Hello @hasanali1

to make that links in one line follow this steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__submenu.list-menu--disclosure{
  width: 23rem !important;
}

Hope this work best.

3

this worked great, how to center it?

4

Hello @hasanali1

To make submenu center follow this steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__submenu.list-menu--disclosure{
  position: absolute;
  left: -50%;
}

Hope this work well.

If this solution helped you then like and accepet solution