Any suggestion on how to put background color to a single Nav bar menu item?
I’m trying to put a background color on a single menu item on the navbar which is the MY DASHBOARD item. No luck so far. I’m not sure how I can identify that single item on nav bar to have background color without hovering.
.header__menu-item list-menu__item link link--text focus-inset {
background-color: rgb(211, 150, 64)!important;
color: black !important;
}
Hi @parallelism23 ,
In order to add background color on the specific nav menu item you need to call it specifically. I try to check your Store but its password protected.
Sorry bout that! I just sent you a DM! Please check your inbox!
Hi @parallelism23
Please share with me password page. I will help you check it.
This is Lucas from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
a[href=“https://fertile-ground-online.myshopify.com/a/courses/home”] {
background-color: rgb(211, 150, 64)!important;
color: black !important;
}
Hope that my solution works for you.
Best regards,
Lucas| PageFly
Worked exactly like I wanted it to! Thanks!
You are welcome @parallelism23 