Jump to content

Recommended Posts

  • Replies 4
  • Views 241
  • Created
  • Last Reply

Top Posters In This Topic

To apply it on your site, it will require a lot of CSS + JavaScript code.

Because the structure of the two menu items is very different

  • First, you will need to use JS code to wrap menu item in a <span> tag, and add data-label attribute

(example site)

image.thumb.png.02dc23274cdda78657646d7a292b0a16.png

(your site)

image.thumb.png.1f52c9b400020b2f2ce981c2fc9fa27f.png

  • Once you have that, the process will be easier, just check the CSS code on the example site and adjust the ID on your site

image.png.35198effdb6519a43dcf6a05df6916a8.png

image.thumb.png.708cb0981fcfaefc7f291209e8a38ea1.png

image.png.7ec6a2db575af2cc32673eb1afb0a2fa.png

 

It's the way I think, not sure if it will work or not. It takes a lot of time, so you might want to consider it. Or try post new thread, maybe someone can help with this.

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
.header .header-nav-wrapper a, .header .language-item a:hover {
       background-color: bisque;  /* change color here */
    border-radius: 20px;
}

try this one in custom css box

Hi ! I am Paramjeet kaur Top rated SquareSpace Web Designer and Web Developer with SEO For Web Sites. Working Now As freelancer With lowest Rate. Rate $20 per hour.  Till date, I have created over 300 + websites in Squarespace.  Contact Me    Email

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.