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, 3 months ago ago by Rose Tyler

  • Avatar: fabio_vito
    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
    Avatar: Rose Tyler
    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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress 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.