Customized Menu just for Front Page

[giu_gugl]

Hello Dear Swfitideas

Basically I’m trying to get a customized menu just for the Front page (Home).

I want to a menu with different text colors from the the other menu pages.

I would to implement the following procedure:
– create a customized.header.php file which index.php will refer to with the (get_template_part) function.
– insert in the css file related to the customized-header.php the desired color code
(nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {color: #6d6f71;})

Do you thing that is right or there is an easier way to do that?

If the procedure above is nice, what is the css file related to the header.php file (I tried with ‘sf-combined.min.css’ but I didn’t find within the above ‘nav .menu’ code within)?

Any advices will be really appreciated!

Thanks

[Mohammad – SUPPORT]

Hi,
Dont make any customize file. Just use this custom css code only.
.home nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {color: #6d6f71 !important;}
Thanks
Mohammad

[giu_gugl]

Hi Mohammad

Thanks for your quick reply and your advice!

I tried with the above css code, but adding ‘.home’ before the code it changes the menu style on every website pages, changing the ‘selected item text color’ as well, and just for the home page it changes the ‘hover text color’.

What I need is to implement the changes only in the home page and this changes should affect only the menu text color and not the hover text color and the selected item text color.

Any suggest on it is more than welcome!

I keep on work on it.

Many Thanks

[Kyle – SUPPORT]

What about:

.home nav .menu > li.menu-item > a, .home nav.std-menu .menu > li > a {color: #6d6f71 !important;}

– Kyle

[giu_gugl]

Great Achievement!!

With the above code changes affect only the Home Page and not more the else pages.

Now, changes regard Items text color, and Hover Items text color and Selected Item text color while I want to change only the Items text color.

Do you have any ideas on it?

Thanks for your time guys
gg

[giu_gugl]

Guys a little step ahead

using this code:
nav .menu > .home li.menu-item > a, .home nav.std-menu .menu > li > a {color: #6d6f71 !important;}

changes don’t affect items hover text color but still affect the selected item text color.

The final goal is a code that affect only the items text color and not the selected item text color.

Thanks for your time!

cheers

[giu_gugl]

Got the final goal!

So Task Sorted!

Thanks for your help!!

[giu_gugl]

Cheers

[Rui Guerreiro – SUPPORT]

No problem. Thanks Kyle

-Rui

[giu_gugl]

This reply has been marked as private.

[Kyle – SUPPORT]

Ok great