Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 21, 2014 at 6:54 am #253677
    grpetz

    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 10 years, 7 months ago by grpetz.
    April 21, 2014 at 1:31 pm #253747
    Yigit

    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

    April 21, 2014 at 7:15 pm #253979
    grpetz

    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

    April 22, 2014 at 3:32 pm #254395
    Yigit

    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

    April 22, 2014 at 5:06 pm #254461
    grpetz

    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

    April 22, 2014 at 7:22 pm #254553
    Yigit

    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

    April 22, 2014 at 7:29 pm #254558
    grpetz
    This reply has been marked as private.
    April 22, 2014 at 7:36 pm #254565
    Yigit

    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

    April 22, 2014 at 7:54 pm #254592
    grpetz
    This reply has been marked as private.
    April 22, 2014 at 8:00 pm #254594
    Yigit

    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

    April 22, 2014 at 8:13 pm #254605
    grpetz
    This reply has been marked as private.
    April 23, 2014 at 6:57 pm #255130
    Yigit

    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

    April 23, 2014 at 8:11 pm #255185
    grpetz

    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

    April 24, 2014 at 1:18 pm #255458
    Yigit

    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

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