Jump to content

How do I create a separate style for the sub-navigation in the Wells template?

Recommended Posts

Site URL: https://cylinder-haddock-nfkd.squarespace.com

Hello,

I'd like to have a separate style for the sub navigation items in the expandable side menu for my site, which is built using the Wells template.

At the moment, my navigation looks like image A, where the main and sub nav fonts are identical:

A.thumb.png.3b7f503ee3d882e9a6ec16046e567c34.png

 

But, I'd like it to look more like image B, where the sizes, weights and colours of the main and sub nav fonts are different:

B.thumb.png.fd84a6b6ea3581bb6a8d5a955bf9a28c.png

As a bonus, I'd like to be able to adjust the indentation of the sub nav items, if possible.

Any advice would be much appreciated!

Thanks,
Greg

 

UPDATE: I've managed to customise the fonts (see screenshot with code, below, for anyone else who is looking for a similar solution) but I can't seem to alter the colour (again, see screenshot with code, where the colour is meant to be specified):

C.thumb.png.84bed2ffc3a82ee434d4a5495228e9b7.png

 

I'd be grateful for any help with the above problem.

Thanks again.

Edited by ubergreg
Status update: question partially solved
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.