Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2017 at 8:14 pm #728736
    joerka27

    Dear Enfold-Team,

    I have a transparent menu on same pages and if something is in the cart (and thus the cart symbol shown in the menu as well), the cart symbol background stays coloured (black) instead of being transparent like the rest of the menu. See example page in private content.

    I suppose that is not intended – how can I change that? I’d like it to be transparent when the menu is transprent, if you scroll further down, the menu gets colored and then the cart background should get colored as well.

    Thanks already in advance for your help!
    Joerka

    January 3, 2017 at 5:25 am #728833
    Ismael

    Hey joerka27,

    Thank you for using Enfold.

    Please add this in the Quick CSS field.

    .av_header_transparency.header_color .cart_dropdown_link {
    background-color: transparent;
}

.av_header_transparency.header_color .cart_dropdown {
    border: 0;
}

    Best regards,
    Ismael

    January 13, 2017 at 2:18 pm #733122
    joerka27

    Hey Ismael,

    sorry for the late response, the notification mail was in my spam.
    Thanks for the solution, works almost perfect!
    Two small things to get to the 100% ;):
    1. If you scroll down, the background color is completely gray, but the header is semi-opaque gray, how can I fix that?
    2. When you scroll down and the header background appears, a white border appears around the cart and fades out then – can this be removed? Secondly, the cart symbol moves down a little bit when the header background appears.

    Thanks in advance and best regards,
    Joerka

    January 17, 2017 at 9:05 am #734569
    Ismael

    Hi,

    Thank you for using Enfold.

    1.) The background color is black. Did you figure this out? Could you please provide a screenshot of the issue?

    2.) Please remove the cart transition property.

    .cart_dropdown {
    -webkit-transition: none;
    transition: none;
}

    Best regards,
    Ismael

    January 18, 2017 at 2:55 pm #735335
    joerka27

    Hey Ismael,
    Thank you for providing us with excellent support!

    1.) Fixed it now, instead of your above provided 

    .av_header_transparency.header_color .cart_dropdown_link {
    background-color: transparent;
}

.av_header_transparency.header_color .cart_dropdown {
    border: 0;
}

    you have to use

    .header_color .cart_dropdown_link {
    background-color: transparent;
}
.cart_dropdown {
    -webkit-transition: none;
    transition: none;
}

    Just removed the .av_header_transparency selector, now it’s always transparent as it should. Was a very subtle detail…

    2.) worked, thanks!

    Can be closed, best regards
    Joerka

    January 19, 2017 at 6:46 am #735690
    Rikard

    Hi,

    Great, glad we could help and thanks for sharing your solution :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Cart Button Background in transparent menu not transparent’ is closed to new replies.