RTL adjustments - by guychaimy - on WordPress WooCommerce support

Solved5 replies2 participantsUpdated by Eva Kemp

  • Avatar: guychaimy
    guychaimy
    Participant

    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

    #69513 Copied Theme version: 2.7.2

    5 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    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.

    #69656 Copied
    Avatar: guychaimy
    guychaimy
    Participant

    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

    #69746 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    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.

    #69754 Copied
    Avatar: guychaimy
    guychaimy
    Participant

    Thanks !!

    #70245 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #70252 Copied

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