Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Support request] navigation menu stands out

Home Forums Support [Support request] navigation menu stands out

Home Forums Support navigation menu stands out

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #481221
    liorsade8

    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

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #481479
    Tom
    Lead Developer
    Lead Developer

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.