We are Underground support

Drawer opening on mobile when page is selected for the Cart

Last Updated: Aug 25, 2016 09:29PM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

We found a small issue in the Icon theme where the Page method was selected for the Cart view.
On mobile when clicking the Cart the Drawer is showing instead of a redirect to the Cart page.

To fix this go to: Themes > customize theme > theme options > Edit HTML / CSS
On the next page open the Snippets folder and select: mobile-cart.liquid.

On line 15 change this:

    <a href="/cart" class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false">
to this:

    <a href="/cart" {% if settings.ajax_cart_method == 'drawer' %}class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false"{% endif %}>
Click save when done, this corrects the issue.

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found