New Landing How can we help? Themeforest Theme Support Neighborhood Menu Subcategory Transparency

Viewing 15 posts - 1 through 15 (of 28 total)
  • #56843
    Kestersmith
    Member
    Post count: 28

    Hi,
    I had the same issue that was seen in these threads:
    http://support.swiftideas.net/forums/topic/main-menu-subcategory-transparency-issue/
    http://support.swiftideas.net/forums/topic/menu-subcategory-transparency/

    The menu was showing up transparent on the second level of drop downs. I have now followed Mohammed’s code suggestion (from the second link) which gives the result that 1ewis (from the first link) saw .

    What I am after is for the background to turn turquoise on hover with white text so I changed the colour code so that I’m now using this code:

    nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
    background-color: #FFFFFF!important;
    background: #1bbeb4!important;
    }

    Now the sub levels are all fully opaque and fully turquoise whether hovered or not.
    I feel like I’m pretty close here but cant quite get it right.

    Thanks

    #56849
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    This code will not work as you have set 2 background colors.

    Please provide me with a link and I will tell you the correct css.

    – Kyle

    #56933
    Kestersmith
    Member
    Post count: 28

    As I said, originally it read

    nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
    background-color: #FFFFFF!important;
    background: #FFFFFF!important;
    }

    but that was totally white.

    The website is http://www.lifeisbalance.co.uk/
    Thanks

    #56940
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this

    nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
    background-color: #1bbeb4!important;
    color: #FFFFFF!important;
    }

    – Kyle

    #56969
    Kestersmith
    Member
    Post count: 28

    Still turquoise all the time.

    #56971
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Remove any of the previous css and add this:

    nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
    background-color: #FFFFFF!important;
    }

    – Kyle

    #56977
    Kestersmith
    Member
    Post count: 28

    Back to full white now.

    #56980
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I’m still seeing the turquoise backgrounds?

    – Kyle

    #56981
    Kestersmith
    Member
    Post count: 28

    I switched it back afterwards. It’s still usable with the turquoise background. Do you want me to switch it?

    #56988
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Please remove all previous css apart from the last one I gave you, and I will look into it.

    – Kyle

    #56992
    Kestersmith
    Member
    Post count: 28

    Ok, done

    #57178
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok try adding this css:

    nav .menu ul.sub-menu .sub-menu li a:hover {
      background-color: #07C1B6 !important;
    }

    – Kyle

    #57228
    Kestersmith
    Member
    Post count: 28

    Wahay! Top notch, thanks so much. Sorted.

    #57232
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem! 🙂 Glad I could help

    – Kyle

    #67642
    Kestersmith
    Member
    Post count: 28

    Not sure if it was doing this before and I missed it or it has started since but I’m having a similar issue whereby the currently selected option will display with a white background and white text.
    In the attached picture, I am on the necklaces page which means the necklace option is fully white on the drop down menu.

Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register