Tagged: , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 20, 2020 at 5:41 pm #1214728
    Morticka

    Hi guys,

    I have a transparent header on my homepage. The dropdown of the woocommerce cart was transparent as well. I fixed it with this code:

    .single-product .av_header_transparency + #main > .container_wrap_first {
    padding-top: 140px;
}
.wc-proceed-to-checkout a {
    color: white!important;
}

    But, now there is a white square around the cart in the menu.

    How can I fix this so that it’s part of the menu?

    Sincerely,
    Morticka

    May 22, 2020 at 7:16 am #1215171
    Rikard

    Hey Morticka,

    Thanks for the screenshot, could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    May 22, 2020 at 10:31 am #1215190
    Morticka

    Hey Rikard,

    Ofcourse, see private data :)

    Sincerely,
    Morticka

    May 24, 2020 at 6:38 am #1215639
    Rikard

    Hi,

    Thanks for that, I can’t see the cart icon at all on my end though. Did you remove it?

    Best regards,
    Rikard

    May 24, 2020 at 7:52 am #1215654
    Morticka

    Hey,

    You have to put the course in the cart yourself, because I put it in under my own name/account. The cart is only visible when you put something in it. :)

    Sincerely,
    Morticka

    May 25, 2020 at 6:26 am #1215971
    Rikard

    Hi,

    Sorry about that, my bad. Please try the following in Quick CSS under Enfold->General Styling:

    a.cart_dropdown_link {
    background: transparent;
}

    Best regards,
    Rikard

    May 25, 2020 at 10:50 am #1216068
    Morticka

    Hey Rikard,

    No problem :) But it does not work? Do you have another solution?

    Sincerely,
    Morticka

    May 25, 2020 at 6:11 pm #1216208
    Victoria

    Hi Morticka,

    I adjusted it for you. Do you need the border or not really?

    Best regards,
    Victoria

    May 26, 2020 at 4:22 pm #1216528
    Morticka

    Great, thx Victoria! :D No, I do not need the border, you can remove that as well.

    Edit: Is it this code you added?

    @media only screen  and (min-width: 480px) and (max-width: 767px) {
  .html_visible_cart .av-burger-menu-main {
    padding-right: 0;
  }
    .html_visible_cart .cart_dropdown {
      right: 100px;
  }

}
@media only screen and (max-width: 479px) {
  .html_visible_cart .cart_dropdown {
      right: 70px;
  }
  .html_visible_cart .av-burger-menu-main {
    padding-right: 0;
  }
}

    Sincerely,
    Morticka

    May 26, 2020 at 7:57 pm #1216640
    Victoria

    Hi Morticka,

    Yes, this is the code I added.

    Please add this code too:

    
.html_visible_cart .cart_dropdown {
    border: none;
}

    Best regards,
    Victoria

    June 2, 2020 at 11:31 am #1218740
    Morticka

    Works like a charm, thx Victoria! :D (Apologies, I thought I already said thank you, but obviously I did’nt press send )

    Sincerely,
    Morticka

    June 3, 2020 at 7:04 am #1218934
    Rikard

    Hi,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 3, 2020 at 11:46 am #1219013
    Morticka

    Hi Rikard,

    And thank you for your effort as well :)

    Yes, you can close this topic.

    Sincerely,
    Morticka

    June 3, 2020 at 5:31 pm #1219172
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Styling woocommerce cart with transparent header’ is closed to new replies.