Increase the space in the submenu

[Astrid_brae]

I'd like to increase the space in the sub-menu (as in the general menu) and place the menu in the centre., like in the image : 
Obviously on a computer, on a phone this is ok.

[dws_pvt_ltd]

Hello @Astrid_brae 

Please share the store URL.

[BSSCommerce-HDL]

Hi @Astrid_brae, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

nav div[id^="menu"] ul {
    justify-content: space-around !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Astrid_brae]

Hi,

I don't have base.css, theme.css, styles.css or theme.scss.liquid I have "base.bundle.css" 

Can I put this code here ? 

Thanks

[BSSCommerce-HDL]

Hi @Astrid_brae, You can try to add this CSS code to bottom of 'base.bundle.css' file. Hope this can help you 😍

[niraj_patel]

Hello @Astrid_brae 
Can you share store URL?

[Astrid_brae]

Off course :

www.daure.com

and password : julix 

[niraj_patel · Accepted solution]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .px-section-horizontal-spacing ul.justify-start {
      justify-content: center !important;
      gap: 52px !important; /*adjust according to you*/ 
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Astrid_brae]

Thank you very much for your help !! 🙂