Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1471874

    We have a problem!
    We need to mpve the shoping cart icon and box left and the burger menu also, but doing so the hover and click of the cart icon makes the burger menu appear.
    How can we fix this?
    The site needs to be signed off n the nex couple of hours, or I don’t get paid :-(
    Sorry!
    you will need to be logged in to see the store, so I have added a login for you!

    This is the code we have added:

    `/* CART AND BURGER MENU */
    .cart_dropdown_first .cart_dropdown_link {
    display: block;
    padding: 0 0 0 0;
    text-decoration: none;
    line-height: 44px;
    font-size: 20px;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #dad2c7 !important;
    }
    @media only screen and (max-width: 1650px) {
    .responsive #top .cart_dropdown {
    margin-right: 20px !important;
    }
    }

    Screenshot-2024-11-21-191254

    #1471906

    It needs to look like this but not have the burger menu interactiveness not intercept with the shopping cart

    Screenshot-2024-11-22-090340

    PLEASE HELP!

    THIS IS VERY URGENT – Once this is complete the client will sign-off and more importantly; pay me!

    #1471934

    Please can you let me know how this is done?

    #1471958

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

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

    Enfold Support 6551

    Best regards,
    Mike

    #1471963

    I still can’t click the cart button
    Screenshot-2024-11-22-171837

    #1471964

    Is there no way to bring the cart button above the blue part?

    The positions are good, but the cart button is not clickable unless you click the far right of it!

    • This reply was modified 4 weeks, 1 day ago by whdsolutions.
    #1472015

    Hi,
    I’m not able to login as admin, so it is hard to tell what css might be causing a conflict.
    But it looks like adding this css helps:

    
    @media only screen and (max-width: 1650px) {
    .responsive #top .cart_dropdown {
    z-index: 600;
    }
    }
    

    when clicking on the far left of the cart button
    Screen Shot 2024 11 23 at 9.24.29 AM

    Best regards,
    Mike

    #1472125

    AWESOME! TY!

    #1472134

    can’t see burger menu on ANY Apple device!!!

    ADMIN ACCOUNT SET UP FOR YOU :-)

    Also the basket should not be shown if logged out!

    PLEASE HELP !!!!!

    • This reply was modified 3 weeks, 6 days ago by whdsolutions.
    • This reply was modified 3 weeks, 6 days ago by whdsolutions.
    • This reply was modified 3 weeks, 6 days ago by whdsolutions.
    #1472170

    This is what it looks like now on iPhone – I HATE APPLE PRODUCTS!!!

    Screenshot-2024-11-25-173159

    BUT like this on Android – The way it SHOULD BE!

    Whats-App-Image-2024-11-25-at-16-56-43-916f704e

    • This reply was modified 3 weeks, 5 days ago by whdsolutions.
    • This reply was modified 3 weeks, 5 days ago by whdsolutions.
    #1472175

    ???

    • This reply was modified 3 weeks, 5 days ago by whdsolutions.
    #1472245

    Fixed

    #1472278

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Move shopping cart and burger menu’ is closed to new replies.