Jump to content

How do I replace the navigation text with images?

Recommended Posts

Hey ya'll!

Can anyone please help me replace my navigation text with images? I'd also like to move the navigation menu a little more to the left, closer to the logo, but it's not working. I've attached two screencaps below, one is what the website looks like rn and the other is what I want it to look like. I've been noodling around in the CSS editor but stuff keeps breaking, so I figured it was time to just up and ask haha.

Much appreciated! 🙂

Screenshot 2024-10-02 at 1.11.06 PM.png

Screenshot 2024-10-02 at 1.11.41 PM.png

Link to comment
  • Replies 3
  • Views 373
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

1 minute ago, thesquareteam said:

Hello!

To replace the navigation text with images and adjust the menu position closer to the logo, you'll need to update the CSS to customize the navigation links and their alignment. If you run into any more challenges, just let me know.

Thanks!

I understand that I need to update the CSS to customize it, but I'm new to CSS coding and I don't know what sort of CSS I need to plug in to achieve this. I've been combing through YouTube tutorials and various threads here on Squarespace, but I have yet to find a CSS code that accomplishes the above. If you know of a specific code or tutorial that can do what I'm looking for I'd be happy to read it and give it a try!

Link to comment
24 minutes ago, thesquareteam said:

I understand that CSS coding can be challenging, especially when you're just getting started. If you need specific guidance or a code snippet to replace the navigation text with images and adjust the menu position, feel free to text up!

Okay, I sent you a direct message!

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.