Jump to content

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

Recommended Posts

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.
 

Skærmbillede 2024-07-07 kl. 23.10.35.png

Link to comment
  • Replies 2
  • Views 143
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

@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;
    }
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
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!!!!! 🙏🏼

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.