Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #545789

    hi,

    At a certain point of screen size, the Cart button and the Menu button will get overlaid…

    like this: http://screencast.com/t/8Kvlu1X7BUT

    any fix?

    #545916

    Hey decode!

    Please try adding following code to Quick CSS

    .responsive #top .cart_dropdown { 
    right: 6%;
    }

    Regards,
    Yigit

    #548852

    hi, Yigit

    we tried, but the menu is gone after CSS code applied,
    we also tried different number (6%) , but still fail to make it correctly positioned on both bigger and smaller screen.

    http://screencast.com/t/lL5sHZ9ouxU6

    #549499

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #550175

    here you go, thank you :)

    #550447

    Hi,

    The cart and menu button are not overlapping each other but on smaller screens they are overlapping the logo, try the following to fix that:

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
        max-height: 60px !important;
    }
    }

    Best regards,
    Rikard

    #550604

    thanks Rikard

    I forgot to mention, you have to add an item to cart FIRST so the cart button shows up in the first place and when you adjust the browser window, you will see the overlapping (menu and cart).

    #552547

    hi,

    any progress on this ??

    #554613

    Hi!

    refuse from bumping into your own thread, as it pushes it behind in our queue and marks it as answered and then we can’t provide a faster reply to you.

    right now you are using this code.

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 40px;
    }}
    
    Replace it by this code:
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 120px;
    }}
    

    and adjust right value as needed.

    Cheers!
    Andy

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.