Jump to content

Adjust Navigation Title Placement

Recommended Posts

I am building this website for my client who has precise instructions for how they would like the elements laid out. I have attached a screenshot of what they would like the end product to look like for the top navigation. I have added some custom CSS to make the logo extend the full width of the desktop. I am now trying to make the navigation titles, buttons, and social icons match the placement in the screenshot. Any advice would be greatly appreciated!

Header_example.png

Link to comment
  • Replies 6
  • Views 649
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

24 minutes ago, sovicdesigns said:

Here is the URL: https://aardvark-chimes-mnee.squarespace.com/

Password: hurst2024

Choose 4th or 5th layout in navigation and use CSS and JS to modify navigation layout according screenshot.
If its create issue reply again with screenshot we will sure help you.

 

With over 450+ websites built, I create uniquely tailored Squarespace sites designed to meet your specific needs and preferences. Let's bring your vision to life!

💻 Check out My Fiverr Gig: Click Here

-------------------------------------------

Please like and upvote if my comments were helpful to you. Cheers!
Did I help? Buy me a coffee?

Link to comment

Make sure dont add vertically center line in logo and add line using css or js.

 

With over 450+ websites built, I create uniquely tailored Squarespace sites designed to meet your specific needs and preferences. Let's bring your vision to life!

💻 Check out My Fiverr Gig: Click Here

-------------------------------------------

Please like and upvote if my comments were helpful to you. Cheers!
Did I help? Buy me a coffee?

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.