How to adjust multi column spacing in Dawn 5.0?

Shopify Discussion
1

Hello, I had the code before but I accidently overwrote my code and I dont remember it but does anyone know how to fix the spacing between the two columns so they are as not as big? I would like the space between the first column: Caffeine Free/Green/LowDecaf and the second column: Black/White/Tea Accessories to have smaller white space? Thank you

annaldoj_0-1657858100848.png
annaldoj_0-1657858100848.png601×240 10.8 KB

2

@synth_lj

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

3

@DelightCart I sent you a private message, thank you!

4

Hello @synth_lj

To fix this you need a custom CSS code for adjusting the column width according to the menus. Ask your developer or hire one who can help you to get it done.

Let us know if you need any further help.

All the best,

CedCommerce

5

Hi @synth_lj ,

Go to Assets > base.css and paste this at the bottom of the file:

.header__inline-menu .header__submenu.list-menu {
    width: 30rem!important;
}

Hope it helps!

1 Like