How To Add More Spacing Between Words In Header Section (Dawn Theme)

Store Design
, , ,
1

Thanks in advance!

I am looking to add more spacing between words in my header section. If there is a way to add letter spacing in the code as well that would be much appreciated! Example shown below.

Example:

Screenshot 2024-03-22 233157.png

2

@MMast - can you please share this page link?

3

https://decemberschild.com/

password: dc

4

@MMast - please add this css to the very end of your base.css file and check, adjust number 2 as per your need

.header__menu-item {padding: 1.2rem 2rem;}
5

It worked thank you!

6

Hi @MMast

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

theycallmemakka_0-1711165784207.png
theycallmemakka_0-1711165784207.png1629×428 44.7 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

7

Also out of curiosity would you know how to add letter spacing in the same code?

8

@MMast - add this css as well

.header__menu-item span {letter-spacing: 0.3rem;}
9

This also worked! I appreciate it thank you!