Jump to content

Align all the menu(nav bar) items in one row just after the logo

Recommended Posts

Site URL: https://ensodental.com

My site is using quite a few navigation links and its difficult to keep everything in one line. I want to format it in a way where there are essentially 2 header bars.

First bar will contain only the logo and the social media icons + phone and email.
Second bar will contain all the navigation menu items.

Something similar to this: https://santaclarafamilydental.com/

Edited by EnsoDental
Added link for reference
Link to comment
  • Replies 5
  • Views 549
  • Created
  • Last Reply

Top Posters In This Topic

Yes I have and it doesn't align properly. For some reason the menus don't line up in one row, but in multiple rows.

 

Attached the updated menu bar for reference. Also I have set the content width to use full page, not sure why it still uses only center half of the page.

Screen Shot 2022-06-01 at 7.50.18 AM.png

Edited by EnsoDental
Link to comment
16 hours ago, EnsoDental said:

Yes I have and it doesn't align properly. For some reason the menus don't line up in one row, but in multiple rows.

 

Attached the updated menu bar for reference. Also I have set the content width to use full page, not sure why it still uses only center half of the page.

Screen Shot 2022-06-01 at 7.50.18 AM.png

You can choose it then we will give the code to make nav on one line

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!)

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.