Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 2, 2015 at 9:19 am #545789
    decode

    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?

    December 2, 2015 at 3:47 pm #545916
    Yigit

    Hey decode!

    Please try adding following code to Quick CSS 

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

    Regards,
    Yigit

    December 8, 2015 at 5:10 pm #548852
    decode

    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

    December 9, 2015 at 6:27 am #549499
    Rikard

    Hi,

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

    Regards,
    Rikard

    December 10, 2015 at 6:54 am #550175
    decode

    here you go, thank you :)

    December 10, 2015 at 3:25 pm #550447
    Rikard

    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

    December 10, 2015 at 6:13 pm #550604
    decode

    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).

    December 14, 2015 at 6:41 pm #552547
    decode

    hi,

    any progress on this ??

    December 17, 2015 at 7:35 pm #554613
    Andy

    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

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