Target and change font size of specific nav item in mobile menu

URL: https://sheep-blue-fbx6.squarespace.com/
Password: CamillaH!

Hi there.

I really hope you are able to help me out here.

I was hoping to find a solution for me to change the font size of some of the nav items in the mobile menu.
More specifically "SAMTALE" - "OMSORG" - "GRUPPER" - "SÅDAN KAN JEG STØTTE DIG"

Would that be possible with some css? And would any one be so kind to help me out with the coding?

Thank you so much!

- Anja.
 

@Floe Hi! You can add this code under Website > Pages > Website Tools > Custom CSS to change the font size of the menu items you mentioned in your post.

@media screen and (max-width: 767px) {
    .header-menu-nav-wrapper .container:nth-child(2) a,
    .header-menu-nav-wrapper .container:nth-child(3) a,
    .header-menu-nav-wrapper .container:nth-child(4) a,
    .header-menu-nav-wrapper .container:nth-child(7) a {
        font-size: 20px !important;
    }
}

12 hours ago, Lesum said:

@Floe Hi! You can add this code under Website > Pages > Website Tools > Custom CSS to change the font size of the menu items you mentioned in your post.

@media screen and (max-width: 767px) {
    .header-menu-nav-wrapper .container:nth-child(2) a,
    .header-menu-nav-wrapper .container:nth-child(3) a,
    .header-menu-nav-wrapper .container:nth-child(4) a,
    .header-menu-nav-wrapper .container:nth-child(7) a {
        font-size: 20px !important;
    }
}

 

THANK YOU SO MUCH!!!!! 🙏🏼