Change main menu drop down font

[ellacoker]

Is anyone able to assist me in changing my drop down menu font? I want it to be uppercase lato, with letter spacing of 3.

URL: https://www.livwithin.com.au/

PW: pewpog

[Mustafa_Ali]

ul.menu-drawer__menu.has-submenu.list-menu {
    font-family: cursive;
}

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[PageFly-Richard · Accepted solution]

Hi @ellacoker 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
ul.menu-drawer__menu.has-submenu.list-menu {
    font-family: 'Lato';
    text-transform: uppercase;
    letter-spacing: 3px;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[ellacoker]

i have tried to change the font size to smaller too - and it is not working, any ideas why?

[ellacoker]

hello richard,

how can i make the font smaller too?

[Rahul_dhiman]

Hello @ellacoker 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.link, .customer a
font-family: 'Lato';
text-transform: uppercase;
letter-spacing: 3px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks