Archived topic

navigation menu stands out

1 reply · Started by liorsade8 on January 27, 2018

Viewing posts 1–2 of 2

January 27, 2018 at 9:17 am #481221

hi tom and generatepress team,
i would like to play around with the navigation menu - for example:
1.make the current page header navigation stands out (like in the attached picture - prntscr.com/i6ebc4)
meaning when u choose about... or home page or any other page - the navigation menu of that page will be bolder - bigger - stands out and will drop down a bit in design like the attached picture prntscr.com/i6ebc4
maybe to add z-index: 100; or something...

it's a test site.
please help,
thanks

January 28, 2018 at 12:24 am #481479

Hi there,

Give this a shot:

.main-navigation .main-nav ul li:hover > a:after,
.main-navigation .main-nav ul li.sfHover > a:after,
.main-navigation .main-nav ul li.current-menu-item > a:after {
    content: "";
    height: 10px;
    background: #222;
    display: block;
    position:  absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 1;
}

This archived topic is closed to new replies.

Start building better websites today.