Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #253677

    Hi. Great theme! Is there a quick CSS code I can put in to make the shopping cart icon appear in the mobile menu or just above it beneath the social icons? I’d prefer it to actually not be in the menu, so that it can be seen immediately and at top with a good size, not small. People have called us to say they can’t checkout on their phones because they can’t find the checkout page or cart. It would be great if this was fixed for the next update.

    I did find this solution on the search forum here but it did not work for me. Thank you for helping! Gary

    @media only screen and (max-width: 767px) {
    .responsive .cart_dropdown {
    display: block;
    top: 120px;
    }
    }

    • This topic was modified 9 years, 11 months ago by grpetz.
    #253747

    Hey grpetz!

    Please try adding !important rule as following

    @media only screen and (max-width: 767px) { 
    .responsive .cart_dropdown {
    display: block !important;
    top: 120px !important; 
    }}

    Cheers!
    Yigit

    #253979

    Still not showing up. Is it possible to add a cart in the header by the social icons? Those social icons show up in the top of the display on mobile phones. I really need to figure this out so I can continue using your theme and help our customers checkout on the mobile phones. It has to be very clear where the view cart and checkout is. Thank you for your input and help. Appreciate it. Gary

    #254395

    Hi!

    Have you tried flushing browser cache after applying the code? Can you post the link to your website so we can take a look?

    Cheers!
    Yigit

    #254461

    Yes. I tried to flush the cache and also viewed it in a “private” window in the browser, still not showing up when the window is resized to small. I have installed the woocommerce menu cart plugin to help people identify where the cart is at, however I’ve tried it with and without, so I don’t think there is a conflict with that.

    I do use maxcdn and I know that some of the css files for enfold are cached there. Is there a certain CSS file I would need to flush on maxcdn that the quick CSS inserts into?

    Gary

    #254553

    Hi!

    Do you mind posting the link to your website so we can take a look?
    Please disable minifying feature on CSS and flush browser cache and refresh your page a few times

    Regards,
    Yigit

    #254558
    This reply has been marked as private.
    #254565

    Hey!

    Correct and it does display on my end. Just checked your website on my iphone – http://i.imgur.com/7QfWk67.png
    Please flush browser on your mobile device as well

    Cheers!
    Yigit

    #254592
    This reply has been marked as private.
    #254594

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .responsive .cart_dropdown {
    top: 48% !important;
    position: fixed;
    }}

    Yes, you should see when you resize the window of your browser – http://i.imgur.com/uGa0oqN.png

    Best regards,
    Yigit

    #254605
    This reply has been marked as private.
    #255130

    Hey!

    Just to make sure, you are adding an item to your cart, is that correct? It is still working fine on my end. Both on my computer and iphone. So it must be a caching issue on your end

    Cheers!
    Yigit

    #255185

    Yep.. added item to the shopping cart and cleared all my cache in both browsers on iPhone and my laptop and it still has not appeared. Appreciate your time… I don’t know what else can be done, since it shows on your end and not mine. Gary

    #255458

    Hey!

    Please try checking your website on another computer
    You are welcome Gary, glad we could help! Let us know if you have any other questions or issues.

    Cheers!
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Shopping Cart Icon to Display In Mobile View’ is closed to new replies.