Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 23, 2016 at 11:40 pm #620694
    raslade

    Hiya

    I’ve changed the background color of the navigation when the page scrolls but can’t seem to change the background color of the menu item before it scrolls.

    I’ve tried the code

    #top #wrap_all .av_header_transparency .av-menu-button-colored > .av-main-nav > li > a .avia-menu-text {
  	color: #415678 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

    But it doesn’t seem to do anything.

    Any suggestions would be much appreciated
    Richard

    April 25, 2016 at 5:27 am #620984
    Rikard

    Hi Richard,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 25, 2016 at 10:09 am #621124
    raslade

    Hi Rikard

    I’ve managed to find a fix but the alignment isn’t great. You’ll see as you scroll down the contact button moves slightly as i’ve had to add padding to that item. If there is another way to sort that’d be great.

    Thanks
    Richard

    April 26, 2016 at 5:59 pm #622366
    Yigit

    Hi!

    Please change your code to following one 

    #top #wrap_all .av_header_transparency #menu-item-27 a .avia-menu-text {
    color: #415678;
}
#top #wrap_all .av_header_transparency #menu-item-27 a {
    color: #415678 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    padding: 8px;
}

    Regards,
    Yigit

    April 27, 2016 at 10:11 am #622882
    raslade

    Hi Yigit

    Perfect and as always spot on support for a fantastic theme.

    Richard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Transparent header button color changes on scroll’ is closed to new replies.