Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 10, 2015 at 2:54 pm #533290
    AboveDigital

    FYI: I’m using a transparent/glassy header.

    I was previously using the default Enfold underline to indicate which page was currently selected but it seemed to have issues such as appearing off the line and moving in an unsmooth manner when I scrolled down (using the shrinking navigation bar).

    I’d therefore like to replace the underline with a box around whichever menu item is currently selected. Please can you tell me how this is possible?

    Thanks,
    Laurence

    November 10, 2015 at 2:59 pm #533298
    Yigit

    Hi AboveDigital!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
    color: orange !important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    November 10, 2015 at 4:03 pm #533375
    AboveDigital

    Hi,

    Your styling did highlight the current page as orange, however, when I swapped out the colour for “border: 1px solid #b60256;” in order to create the box outline I’m going for, said box only showed up when the page was scrolled down and the transparent glassy nav became opaque (and shrunken).

    Do you know why this would be happening? I have left my site in this state for you to see.

    Thanks,
    Laurence

    November 11, 2015 at 2:58 pm #534048
    Yigit

    Hey Laurence!

    Can you please post a screenshot and show the changes you would like to make?
    Great looking website by the way!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.