Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #620694

    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

    #620984

    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

    #621124

    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

    #622366

    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

    #622882

    Hi Yigit

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

    Richard

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Transparent header button color changes on scroll’ is closed to new replies.