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

[niraj_patel]

Hello @Astrid_brae
Can you share store URL?

[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

[Astrid_brae]

Off course :

www.daure.com

and password : julix

[niraj_patel]

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 on theme.liquid

.px-section-horizontal-spacing ul.justify-start { justify-content: center !important; gap: 52px !important; /*adjust according to you*/ }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[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

[Astrid_brae]

Thank you very much for your help !!