IMPULSE theme condense text on mobile menu please help

Store Design
1

Hi

my site is https://luxurymrkt.com

im looking to condense the font on mobile menu to match my logo

1CF11A92-FF48-4AF8-8BC7-927A2AC99182.jpeg
1CF11A92-FF48-4AF8-8BC7-927A2AC99182.jpeg1170×1883 111 KB

logo pic below

22A6D57B-ECBE-45BC-B00D-E704495B887A.jpeg

thanks for any help

2

@Luxurymrkt
Hello,

.h2.drawer__title {
	font-size: 21px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Can you explain further?

4

Thank you I just needed to know how to target that specific element then I added

letter-spacing: -3px; now it matches the logo

5

Actually now it also changed my drawer title on the filter ?‍ :male_sign: is there a way to just target the font on the mobile nav

please see pic

5A2FF2A6-053D-4B5B-BA40-3C51DFF97316.png
5A2FF2A6-053D-4B5B-BA40-3C51DFF97316.png1170×2532 192 KB

6

Looking to condense the font like it is now.

problem is it also changed the font on my filter menu because we targeted any drawer header. Is there a way to just condense

letter-spacing: -3px just the LUXURYMRKT word in my mobile drawer menu?

7

Hi,

You can try this code

#NavDrawer .h2.drawer__title {
    font-size: 21px;
    letter-spacing: -3px;
}
8

Worked perfect thank you!