Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 27, 2015 at 5:08 pm #419421
    JBkvns

    Hi,

    I’m having a problem with the Woocommerce cart button on a tablet (I tested 2 ipad’s, a iPad 2 and an iPad air) where the cart button is hiding behind the menu button.

    On a normal screen the cart button is total right (as it should be) and also on a iPhone it is on the left next to the menu button (as it should be).

    Can you help?

    Thanks!

    Kind regards

    March 29, 2015 at 7:59 pm #420076
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (min-width: 767px ) and (max-width: 989px) {
    .responsive #top .cart_dropdown {
        margin: -23px 60px 0 0;
    }
}

    Cheers! 
    Josue

    March 31, 2015 at 7:52 pm #421508
    JBkvns

    Hey Josue,

    Thanks for you quick reply.
    Unfortunately it didn’t do the trick. I also tried !important in de margin rule.
    Any other options I can try?

    Thanks!

    Kind regards

    (I have the latested version installed of Enfold. I even deleted the old one completely and did a fresh template install. I also use a child theme but tested it also directly with Enfold switched on. Same result).

    March 31, 2015 at 8:24 pm #421532
    Josue

    Hey!

    Where did you add the code? i’m not seeing it applied in style.css or QuickCSS.

    Cheers!
    Josue

    March 31, 2015 at 8:42 pm #421546
    JBkvns

    Hi,

    Whoops, it does work ;-)

    At first I added it at custom css (to test). But now I added it in style.css of the child theme and works fantastic. Thanks!

    Your’re te best!

    Kind regards

    March 31, 2015 at 9:18 pm #421575
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

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