How can I increase and bold my nav menu text size on hover?

Store Design
1

https://m-baker-emporium.myshopify.com/

Password 12345

Is there a way to make the nav menu text links bigger and make it bold on hover.

2

Please add below css code in bottom of assets/base.css file

.list-menu li:hover .list-menu__item {
font-weight: 600;

}
Thank you.

3

Hello @jbvergara

Please add this CSS at the last of file

Online store->Actions->Edit code-> Assets->base.css

.list-menu__item{    font-size: 16px;    font-weight: normal;    transition: all 0.3s;}
.list-menu__item:hover{   font-size: 18px;  font-weight: 600;}

Output : https://nimb.ws/9JOnV7

4

@jbvergara ,

.list-menu__item {
    font-weight: bold;
    font-size: 20px;
}

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

5

Hi @Jbvergara

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store->Theme->Edit code theme.liquid paste my code after element

ul.list-menu.list-menu--inline li a { font-size: 20px; transition: all .3s; } ul.list-menu.list-menu--inline li:hover a { font-weight: bold; }
6

Thanks. That worked.