Return to previous page

Issues with RTL pages - by svonnegut - on WordPress WooCommerce support

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

svonnegut

Participant

November 3, 2016 at 22:01

Hi guys,

I’m having a few issues with my Hebrew pages, there’s some areas that it seems weren’t optimized for RTL, hoping you can help. Attached screenshot below with numbers to correspond:

1. The nav bar items should be right to left, but they’re left to right at the moment – the menu bar is RTL, however, so that’s working fine 🙂
2. The recently viewed products widget title should be RTL.
3. The send to a friend icon appears here for some reason, but the “Send to Friend” text appears below this (not shown in screenshot).
4. The arrow on the dropdown menu covers text
5. Not sure why/how, but not only are none of the images showing on my Hebrew products, there are also two sets of arrows for pictures that don’t exist. This may be an issue for WPML, but hoping you guys had a clue as to why!

Thanks so much in advance, loving the theme!

Please, contact administrator
for this information.

#144883 Copied

5 Answers

Eva Kemp

Support staff

November 4, 2016 at 09:58

Hello,

I see your site is in English now.
Are you using other site or you disabled the translation?

Regards,
Eva Kemp.

#144906 Copied

svonnegut

Participant

November 4, 2016 at 11:32

Hi Eva,

The maintenance page is English only but the rest of the site is both languages. Providing my WP login info again below.

Thanks!
Sarah

Please, contact administrator
for this information.

#144911 Copied
Eva Kemp

Support staff

November 4, 2016 at 18:51
Hello,

1. I’ve added this code in Global Custom CSS:
```
.rtl .fixed-header-area .menu > li {
    float: right !important;
}
```
2. I’ve added this css code:
```
.rtl .sidebar-widget .widget-title {
    text-align: right;
}
```
3. Also added this code:
```
.rtl .product-information .email-link {
   float: right;
}
```
4. This code was added in Global Custom CSS:
```
.rtl table.variations td select {
   padding-right: 50px;
}
```
5. I’ve added this css code:
```
.rtl .product-images-slider, #product-pager {
   direction:ltr;
}
.rtl .product-images-slider.owl-carousel .owl-item, #product-pager .owl-item {
   float: left;
}
```
Clear browser cache and check the site.

Regards,
Eva Kemp.
#144964 Copied
svonnegut

Participant

November 5, 2016 at 10:12

Hi Eva,

Thanks so much! A weird thing happened though, so I just want to double check. When you sent this email I cleared my cache and everything looked great. This morning I went to do a little more work and saw that a couple of the changes had been deprecated, and I re-added them to Global Custom CSS. Looks fine again now, but any idea why that would happen and how I can prevent it?

Thanks again, really quick and helpful response!

#145016 Copied

Eva Kemp

Support staff

November 5, 2016 at 10:35

Hello,

Unfortunately we can’t know the reason. You may check log files on your server to investigate such behavior.

Regards,
Eva Kemp.

#145023 Copied
Viewing 6 results - 1 through 6 (of 6 total)