How can I adjust menu line spacing and font size?

[Laura_54]

Hi,

My menu nowadays looks like this

I would like to change the line-spacing between some words to make four blocks, something simmilar to the photo

Could anyone help or explain me how to change the menu line spacing and font size?

Thank you!

[KetanKumar]

@Laura_54

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Laura_54]

Hello @KetanKumar

Thanks for your answer.

My website is https://www.bikotestore.com/

[KetanKumar]

@Laura_54

thanks for url can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/component-menu-drawer.css->paste below code at the bottom of the file.

.menu-drawer__menu-item {padding: 0.1rem 3.2rem;}

[AvadaCommerce]

Hi @Laura_54 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/component-menu-drawer.css->paste below code at the bottom of the file:

.menu-drawer__menu li a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.menu-drawer__menu li:nth-child(2), 
.menu-drawer__menu li:nth-child(7), 
.menu-drawer__menu li:nth-child(10) {
    margin-bottom: 15px !important;
}

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

[Laura_54]

This worked! thank you!