Jump to content

Customization of the naviagation bar

Recommended Posts

Posted

How do I make a navigation bar like this? We need to add subcategories and would also like to incorperate a picture. Does anyone have a referance video or an idea of how to do this?

Annotation 2023-09-07 093416.jpg

  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted (edited)

You can use a Mega Menu Plugin

or you need a free solution, we can use some custom code to achieve simpler version (this doesn't include right image in your screenshot)

Suppose your desired layout in screenshot, under Programs

  • We will create a Folder with name Programs and add 18 folder/dropdown items: Overview, Program,...
  • Next use CSS column-count to split Dropdown to 3 columns
  • Next, use CSS code to change style of Overview, Programs, Scholarships and Awards item
  • Next, use CSS code to make item 16, 17, 18 transparent

What do you think? If you like this idea, you can add items first then share url, we can give the code

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.