Menu on FRONT PAGE

[diegocerezo]

I´m working on a site that has two menu items that link to the front page, one is a regular menu item and the other one is an anchor link that just scrolls the site to the Home-middle widget, my issue is that when on the front page of the site both menu items show in a bright red color, I want to only show one of the in color and the other as a regular link, more pecifically the anchor to show as a non curren page link, do I make any sense ? hehe

Here is the link to the test site:

casamorrison.com/boomgym

http://casamorrison.com/boomgym

[JanHoek]

Give one of those menu-items a custom-class via Dashboard > Appearance > Menu
Than you can style it in your css like;

.agency-pro-red .genesis-nav-menu .your-custom-class.current-menu-item > a,
.agency-pro-red .genesis-nav-menu .your-custom-class.current-menu-item > a:hover {
color: #eeeeee;
}

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[diegocerezo]

Okay, I created a custom class via de dashboard and named it: conoceboom.

I used your code and it works! so thanks for that! the thing is that I still need it to shine red when the cursor is hovering it and now it looks always white (the font at least). I need it to behave linke the other links like BOOM SHOP or WORKOUTS and because the links on the menu item CONOCE BOOM and INICIO are the same links basically, those two menu items show in red because its their current page. How can I over ride that ?

INICIO = casamorrison.com/boomgym

CONOCE BOOM = casamorrison.com/boomgym/#home-middle

[diegocerezo]

.agency-pro-red .genesis-nav-menu .conoceboom.current-menu-item > a {
color: #fff;
border-color: transparent;
}

Here is the code I´m using

[JanHoek]

.agency-pro-red .genesis-nav-menu .conoceboom.current-menu-item,
.agency-pro-red .genesis-nav-menu .conoceboom a:hover  {
color: #de3233;
}

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[diegocerezo]

I copied the exact code but nothing happened 🙁

[JanHoek]

you have to add it to the other nav styles. You've got a lot of duplicate styles, so the best way is to clean it up first.

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[diegocerezo]

Hello Ian I don´t understand what do you mean by clean up, do I need to clean up the genesis code? because I have not changed anything, I just added the code you gave me via custom CSS style sheet with the jet pack plugin. In any case how do I add the style to the other nav styles?

Sorry I took to long but I´m working on this project a bit on and off, thanks for your help and support!

[Author]

Posts