How to adjust word spacing and remove underscores in Dawn CSS?

Store Design
1

Can anyone tell me the code for

Changing the spacing between words in header and body text.

also removing the underscores from menu items in Dawn ?

Thanks

2

Hi @Maf80 ,

If you use dawn theme, you can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Asset → /base.css paste code below into end of the file.

For removing the underscores from menu items:

.header__active-menu-item {
    text-decoration: none !important;
}

.header__active-menu-item, .header__menu-item:hover span,  details[open]>.header__menu-item, .list-menu__item--active{
    text-decoration: none !important;
}

For changing the spacing between words in header and body text:

*, a, span, p, h1, h2, h3, h4, h5, h6 {
    word-spacing: 10px !important;
}

If you don’t use dawn theme or the code doesn’t work. Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

That’s great but it doesn’t seem to change the spacing on the store name. Which element is that ? Also can you tell me how to make menus auto expand like in Brooklyn and reduce the dropdown width ? Additionally (cheeky lol), can I change the opacity of the dropdown background? Thanks

5

Hi @Maf80 ,

Please share your store URL and password of front view.

So that I will check and let you know the exact solution here.

Best regards.