Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1204755

    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

    #1205171

    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

    #1205520

    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!

    #1205569

    Hi,

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

    Best regards,
    Jordan Shannon

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

The topic ‘modifying Cart Dropdown link placement’ is closed to new replies.