- This topic has 13 replies, 3 voices, and was last updated 3 years, 9 months ago by
Mary Pearson.
-
AuthorPosts
-
August 3, 2015 at 1:39 am #125894
Alexander
Hi,
how can i get the Effect, that the color of the active/current Menu Item is higher (above) than the Main Menu-Bar, such as in Sahifa Theme?
Thanks,
Alex
August 3, 2015 at 9:52 am #125999Tom
Lead DeveloperLead DeveloperHi Alex,
Try something like this:
.main-navigation .main-nav ul > .current-menu-item > a, .main-navigation .main-nav ul > .current-menu-parent > a, .main-navigation .main-nav ul > .current-menu-ancestor > a, .main-navigation .main-nav ul > .current-menu-item > a:hover, .main-navigation .main-nav ul > .current-menu-parent > a:hover, .main-navigation .main-nav ul > .current-menu-ancestor > a:hover { -webkit-box-shadow: 0px -14px 0px 0px #000000; -moz-box-shadow: 0px -14px 0px 0px #000000; box-shadow: 0px -14px 0px 0px #000000; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 3, 2015 at 11:03 am #126024Alexander
This works great!
Many Thanks Tom.
August 3, 2015 at 2:15 pm #126047Tom
Lead DeveloperLead DeveloperYou’re welcome π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 8, 2015 at 9:00 am #135298Alexander
Hi Tom,
a little Problem with this: The first Level of the Main menue is ok and looks like it should. But if there are Subcategories, it looks strangely. Any Ideas?
Alex
September 8, 2015 at 9:39 am #135323Tom
Lead DeveloperLead DeveloperI’ve edited the above code so it should only work on the top level items π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 8, 2015 at 10:24 am #135336Alexander
For me it does not work, unfortunately.
September 8, 2015 at 12:39 pm #135356Tom
Lead DeveloperLead DeveloperStill showing on sub navigation or not showing at all?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 8, 2015 at 1:05 pm #135365Tom
Lead DeveloperLead DeveloperGive this a shot:
.main-navigation .main-nav > ul > .current-menu-item > a, .main-navigation .main-nav > ul > .current-menu-parent > a, .main-navigation .main-nav > ul > .current-menu-ancestor > a, .main-navigation .main-nav > ul > .current-menu-item > a:hover, .main-navigation .main-nav > ul > .current-menu-parent > a:hover, .main-navigation .main-nav > ul > .current-menu-ancestor > a:hover { -webkit-box-shadow: 0px -14px 0px 0px #000000; -moz-box-shadow: 0px -14px 0px 0px #000000; box-shadow: 0px -14px 0px 0px #000000; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 8, 2015 at 1:17 pm #135372Alexander
Yeahh Tom, this do the Job!
Thanks a lot.
September 8, 2015 at 1:18 pm #135373Tom
Lead DeveloperLead DeveloperGlad it’s working π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 6, 2017 at 9:32 pm #329692Mary Pearson
Hi Tom,
This is exactly what I’d like to do with my sites at https://plantbest.com/us/shop/ and https://plantbest.com/ca/shop/ for both primary and secondary menus, but I need more help with it.
The code above shows a black line across the top of the current selection so I know I’m on the right track, but that’s as far as I can get.
Any chance you could give me the CSS for my site. There are no sub-menus or anything.
Many thanks!
June 6, 2017 at 11:25 pm #329715Tom
Lead DeveloperLead DeveloperNot sure I understand. Any chance you can create a new topic and post what you’re wanting to achieve and what you’ve tried?
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 7, 2017 at 9:32 am #329989Mary Pearson
Yes of course.
-
AuthorPosts
- You must be logged in to reply to this topic.