Return to previous page

Cart icon right to left not working for mobile

This topic has 2 replies, 2 voices, and was last updated 4 years, 10 months ago ago by Rose Tyler

Fabio

Participant

December 28, 2019 at 08:22

Dear Support,

For the website version written in a language right to left, we have realized that just for the mobile version, the cart icon is not on the top-left hand side as it should be, but on the top-right. This is not happening for the desktop version where the cart icon is properly positioned on the top-left hand side (mirrored with respect to the conventional left to right languages).

Could you please help me to solve the issue and mirror the cart icon for the right to left mobile website version?

Thank you in advance.

F.

Please, contact administrator
for this information.

#227530 Copied Theme version: 4.1

1 Answer
Rose Tyler

Support staff

December 28, 2019 at 09:28
Hello,

Add this code in style.css of your child theme, inside media-query for mobile:
```
.header .shopping-cart-widget {
    left: 0 !important;
    transform: translateX(0) !important;
}
```
like – https://prnt.sc/qgqdb0

Regards
#227534 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Industrial Power Tools Store – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Poster – WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Animals Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.