RTL adjustments - by guychaimy - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

  • Avatar: guychaimy
    guychaimy
    Participant
    June 14, 2015 at 08:00

    Hey,

    In the latest version of the theme (2.7.2) there are few problems with the calculated margin-left for those how use RTL. This can be solve by setting the margin to a fix size (i.e. 40px) but it affect the responsiveness of the theme:
    http://screencast.com/t/LQwVvlabz032

    Another issue is the order of items on webpage vs the editor: http://screencast.com/t/AGSoKeRD5fW

    Last thing, the top LOGO is cut in certain screen width: http://screencast.com/t/77fhg1so

    Thanks,

    Guy

    5 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    June 15, 2015 at 19:45

    Hello,

    1. I’ve added this code in CSS block of VC editor for your home page:
    http://box.everhelper.me/attachment/168674-qldqWRRNp4TSladA/screen.png
    Please check those 3 columns now.

    2. Add this code in custom.css file or in CSS block of VC editor for your home page:

    .row-fluid [class*="span"] {
        float: left !important;
    }

    3. Please add this code in custom.css file:

    @media(max-width: 879px) { .header .logo {
        margin-right: 0px !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    June 16, 2015 at 09:00

    Hey,

    1. The link to screenshot is broken.

    2. This code will shift the order only on wide screen. On mobile screen the order is wrong again.

    3. working !!

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Participant
    June 16, 2015 at 09:51

    Hello,

    1. Please view this screenshot:
    http://storage3.static.itmages.com/i/15/0616/h_1434444251_8494371_9dcdb32c54.png

    2. Add this code in custom.css file:

    .row-fluid [class*="span"] {
     float: left !important;
    }
    @media (max-width: 1200px){ .row-fluid [class*="span"] {
     float: left !important;
    }}
    @media (max-width: 979px) and (min-width: 768px) {.row-fluid [class*="span"] {
     float: left !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    June 18, 2015 at 12:26

    Thanks !!

    Avatar: Eva
    Eva Kemp
    Participant
    June 18, 2015 at 13:01

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘RTL adjustments’' has been successfully resolved, and the topic is now closed for further responses

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