rtl issues

Hello,
I installed the theme, installed demo and then the rtl demo + went to the css generator and enabled the rtl

there are still rtl issues with the header and it still doesn’t look like the demo
https://woodmart.xtemos.com/home-rtl/?rtl

Hello,

Be sure that you have an RTL version of the WordPress installed first. And set your RTL language in Dashboard -> Settings -> General if it is not set yet.

Kind Regards

Its already like this (rtl wordpress) and its fresh install
any other stuff?

?

We see that the header is already in RTL direction and is working correctly.

Hi guys
attaching screenshot for compare so you will see the difference
https://imgur.com/a/5fVvozQ

please take a look and you will see!!

Yes, this content is created for LTR and can’t automatically change to RTL. You need to perform simple modification for this HTML Block with WPBakery page builder. Note that the image on the background can’t be simply transformed. You will need to upload your own image there http://dummy.xtemos.com/woodmart/wp-content/uploads/2017/06/menu-categories.png?id=179
If you need, we can send you an RTL version for this particular image. But since it is just a dummy placeholder there is no need to set it on your website. You need to replace it with your own image.

what about the menu? where it says home, shop blog pages element buy etc it ltr how I change it?

https://pasteboard.co/IZEefhU.png

? :]

This menu also created with WPBakery page builder and you need to check its columns margins and paddings since they are created for LTR version.

can you provide the code for the rtl version?

Here a code for the HTML Block that used in that menu item

[vc_row equal_height="yes" content_placement="top" css=".vc_custom_1497534078706{padding-top: 5px !important;padding-bottom: 5px !important;}"][vc_column width="1/4" css=".vc_custom_1584538978055{margin-left: -60px !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no"][extra_menu label="red" title="Theme elements" link="url:%23|title:Shop%20page||" label_text="Features"][extra_menu_list title="Alternative" link="url:%23|title:Alternative||"][extra_menu_list title="Small images" link="url:%23|title:Small%20images||"][extra_menu_list title="Blog chess" link="url:%23|title:Blog%20chess||"][extra_menu_list title="Masonry grid" link="url:%23|title:Masonry%20grid||"][extra_menu_list title="Infinit scrolling" link="url:%23|title:Infinit%20scrolling||"][extra_menu_list title="With background" link="url:%23|title:With%20background||"][extra_menu_list title="Blog flat" link="url:%23|title:Blog%20flat||"][extra_menu_list title="Default flat" link="url:%23|title:Default%20flat||"][/extra_menu][/vc_column][vc_column width="1/4" css=".vc_custom_1584538985869{margin-left: -90px !important;padding-right: 60px !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no"][extra_menu label="red" title="Theme elements" link="url:%23|title:Shop%20page||" label_text="Features"][extra_menu_list title="Post example <sup>#1</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#2</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#3</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#4</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#5</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#6</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#7</sup>" link="url:%23|||"][extra_menu_list title="Post example <sup>#8</sup>" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/2" css=".vc_custom_1584539000368{margin-top: -35px !important;margin-right: 90px !important;margin-bottom: -5px !important;margin-left: -20px !important;border-left-width: 1px !important;padding-right: 30px !important;padding-left: 30px !important;background-color: rgba(0,0,0,0.02) !important;*background-color: rgb(0,0,0) !important;border-left-color: rgba(0,0,0,0.05) !important;border-left-style: solid !important;}" mobile_bg_img_hidden="no" tablet_bg_img_hidden="no" woodmart_parallax="0" woodmart_sticky_column="false" parallax_scroll="no" mobile_reset_margin="no" tablet_reset_margin="no"][vc_widget_sidebar sidebar_id="sidebar-204"][/vc_column][/vc_row]

I’m having hard time to find where I edit this specific part could you point me?

Yes, it works out of the box. But it is not possible to make some parts in WPBakery page builder to work with RTL and LTR at the same time. Anyway, you will change these dummy content dropdowns to your own and will do this for RTL from the very beginning.

You can place this code to this specific dropdown via Dashboard -> HTML Blocks -> edit block, switch to “Text” editor and replace all the content with the one I sent you earlier.

[Author]

Posts