How to fix transparent submenu?

  • Resolved wilddaisy

    (@wilddaisy)


    2 years, 7 months ago

    My header submenu is transparent for some reason. Some time ago I added custom CSS to make it colourful instead and it worked, but two days ago it suddenly became transparent again and the same code does not seem to work anymore.

    How can I make it colorful again?

    Here is the CSS that worked before:

    .main-header-menu .sub-menu{
    background: #FFF1DDAB;
    }

    • This topic was modified 2 years, 7 months ago by Yui. Reason: moved to fixing wordpress

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • I see a background color on the drop-down menu’s container. It’s not transparent at my end. Maybe you’ve sorted this out already?

    Thread Starter wilddaisy

    (@wilddaisy)

    Hi George,
    Thank you for your reply!

    If you open “ Shop” and then any of the products, then it is noticeable that it is transparent.

    Sorry, I completely overlooked the very code you posted in your question ??

    The transparency effect is specified in your background color!

    .main-header-menu .sub-menu{
background: #FFF1DDAB;
}

    You have 8 characters in your color background specification, instead of 6.

    After the #, the first six characters specify the color, and the last two specify the alpha channel (or transparency).

    Color: #FFF1DD

    Transparency: AB (about 0.67 or 67%)

    If you don’t want the transparency effect at all, simply remove the last two characters (ie AB) from your background color.

    Thread Starter wilddaisy

    (@wilddaisy)

    Now it works perfectly, thank you so much George!!:)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to fix transparent submenu?’ is closed to new replies.