Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 8, 2015 at 10:42 pm #516104
    Brendan

    Hi there!

    I’m having a little trouble finding where to change the below, please note everything is how I want it before scrolling. It’s just the sticky header I want to target:

    1) Active link color on the header once you scroll down (Change to #0071ce)
    2) Hover link color on the header once you scroll down (Change to #0071ce)

    And if possible make the underline thicker (Say 3px, on the hover state for both the transparent header and sticky)

    Many thanks in advance!

    October 10, 2015 at 1:52 pm #516791
    Ismael

    Hey brendymullan!

    Thank you for using Enfold.

    You can try this in the Quick CSS field:

    .header-scrolled .av-main-nav > li.current-menu-item a > .avia-menu-text {
    color: #0071ce !important;
}

.header-scrolled .av-main-nav > li:hover a > .avia-menu-text {
    color: #0071ce !important;
}

    Cheers!
    Ismael

    October 10, 2015 at 2:07 pm #516796
    Brendan

    Thanks for the reply Ismael!

    That’s nearly right, but for some reason when you hover a link then move off of it, it flashes white?

    Also is it possible to make the line that appears under the links while hovering thicker? Say 3px thickness.

    Thanks in advance :-)

    October 12, 2015 at 10:36 am #517234
    Ismael

    Hey!

    Please add this to disable the transition effect:

    .av-main-nav > li > a {
    -webkit-transition: none;
    transition: none;
}

    Use this to adjust the size of the hover fx:

    .avia-menu-fx {
    position: absolute;
    bottom: -1px;
    height: 5px;
}

    Cheers!
    Ismael

    October 12, 2015 at 1:54 pm #517336
    Brendan

    Thanks Ismael, that worked a treat. Much appreciated! :-)

    I have one other thread open if you guys would get a chance to have a look into it! (Attached link)

    You should really have an option on here to buy you guys a beer / coffee. Maybe that’s one for the feature requests haha ;-)

    Thanks in advance!

    October 12, 2015 at 1:59 pm #517339
    Yigit

    Hi!

    Yes, that should go to feature request – https://kriesi.at/support/enfold-feature-requests/ :)

    Cheers!
    Yigit

    October 12, 2015 at 2:02 pm #517342
    Brendan

    Done ;-)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Active link / hover color on sticky header’ is closed to new replies.