Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 17, 2020 at 5:39 pm #1204755
    fitzpatrick512

    Hello, I’m using this option to display the cart:
    “Display Floating on the side, but only once product was added to cart”

    I would like to modify where it appears in order for it to mirror the hamburger menu placement, so I made this change:

    `@media only screen and (max-width: 767px)
    .responsive #top .cart_dropdown {
    margin-top: -5px;
    margin-right: 40px;
    }

    While I can get the cart in the right place, what seems to happen is the clickable / hover area is effected and it becomes difficult for the user to access the cart.You can see the current issue on the website lined here:
    woodsist.com

    April 19, 2020 at 6:11 am #1205171
    Rikard

    Hey fitzpatrick512,

    Your CSS doesn’t look correct, please try this instead:

    @media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
margin-top: -5px;
margin-right: 40px;
z-index: 99999;
}
}

    Best regards,
    Rikard

    April 20, 2020 at 5:12 pm #1205520
    fitzpatrick512

    Thank you Rickard – the z-index property worked to get the result I was looking for. I had to add !important for the change to take place.

    Thanks again for your help!

    April 20, 2020 at 9:04 pm #1205569
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘modifying Cart Dropdown link placement’ is closed to new replies.