Active link header circled

Laureclairestudio · December 28, 2022

Hi there, I have been trying to find a way to circle an active link in my header's menu instead of the underline style (like the example in the file attached). Only on display, not on the mobile version.

Could someone help with that please?

my website is www.laureclaire.com

password: Laureclairestudio

Thanks in advance.

tuanphan · December 30, 2022

Add to Design > Custom CSS

div.header-nav-item--active>a {
    background-image: none !important;
    border: 1px solid black;
    border-radius: 50%;
    padding: 5px !important;
}
nav {
    align-items: center;
}

Laureclairestudio · December 31, 2022

Thank you for that!

Active link header circled

Recommended Posts

Laureclairestudio

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Laureclairestudio

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources