Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 20, 2020 at 5:55 pm #1214733
    Morticka

    Hi guys,

    On desktop I moved the woocommerce shopping cart a bit to the left, using this code:

    .html_visible_cart .cart_dropdown {
    right: 20px;
}

    On mobile view, the cart has moved a little to the left as well. Does not look good.

    Is it possible to move the cart (only visible when there is something in it) on mobile view, between the logo and the hamburger menu?

    Sincerely,
    Morticka

    May 20, 2020 at 7:11 pm #1214742
    Yigit

    Hey Morticka!

    Please try adding following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.html_visible_cart .cart_dropdown {
    right: 150px;
}
}

    You may need to adjust the value :)

    Best regards,
    Yigit

    May 22, 2020 at 10:53 am #1215191
    Morticka

    Hey Yigit :)

    Thx, that worked!

    One thing I noticed though, the hamburger menu moved more to the left as well, (This was already the case, maybe because I moved the cart to the left on desktop?)

    How can I fix this as well? I’ve enclosed a comparison in the private data.

    EDIT: I’ve noticed that when the shopping cart is not visible (empty), that the hamburger menu on mobile is back at it’s original place? Weird.

    Sincerely,
    Morticka

    May 25, 2020 at 1:46 pm #1216125
    Morticka

    Hello? Anybody home? :)

    May 25, 2020 at 2:09 pm #1216130
    Victoria

    Hi Morticka,

    I adjusted the code for you. Please check.

    Best regards,
    Victoria

    May 26, 2020 at 4:42 pm #1216532
    Morticka

    Wonderful Victoria, it looks great, thank you very much! :D

    Sincerely,
    Morticka

    May 26, 2020 at 7:58 pm #1216641
    Victoria

    Hi Morticka,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 28, 2020 at 7:47 pm #1217493
    Monique

    Hi There,

    I am having a similar issue. The burger menu is laying on top of the logo and is hard to see. I would like to move it to the right of the shopping cart.

    Please see screenshot:

    May 30, 2020 at 6:36 am #1217914
    Rikard

    Hi Monique,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive .logo img {
    max-width: 65%;
}
.av-main-nav-wrap {
    float: right;
}
}

    Best regards,
    Rikard

    June 1, 2020 at 4:05 pm #1218455
    Monique

    Thank Rikard. It is working now. You can close this thread.

    June 1, 2020 at 9:45 pm #1218545
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Moving woocommerce cart next to logo on mobile view’ is closed to new replies.