Jump to content

How to make the nav button colors stay the same for active state as in its hover state?

Go to solution Solved by Web_Solutions,

Recommended Posts

Site URL: https://www.lpyluk.com/


I changed the nav style to buttons and couldn't find any css code that could change the active state. When I hover over the nav, the color of the button is black and the text is white, but after I click on the button, it changes back to it's original state. Which css could make the active state be the same color as the hover state?

Site password is: 09876

Thank you!

Edited by LLLes
Link to comment
  • Solution

Add these code On Custom CSS section

.Header-inner .Header-nav.Header-nav--primary .Header-nav-item.Header-nav-item--active{
  background-color: #000 !important;
  color: #fff !important;


If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


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.