Home › Forums › Themes Support › Claue › RTL fix

Viewing 9 reply threads
Save
  • Author
    Posts
    • September 2, 2018 at 10:30 pm #24320
      Rahim

      Hi Harry,

      in the cart page, when there is an item in the cart, some infos needs to go to the left.

      http://take.ms/frnm4

      Rahim Vaziri
      CEO & Founder at Look.ir

    • September 3, 2018 at 4:30 pm #24334
      Harry

      Hi Rahim,

      Please add below code to Theme Option > General Layout > Custom CSS

      @media only screen and (max-width: 736px) {
	[dir="rtl"] table.shop_table_responsive tr td:not(.product-quantity) {
		text-align: left;
	}
	[dir="rtl"]	table.shop_table_responsive .product-quantity .quantity {
		float: left;
		margin-left: 0;
	}
}

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • September 3, 2018 at 4:46 pm #24336
      Rahim

      Hi Harry,

      I added the code, but it was not working maybe because you have added the LTR mode in the rtl.css

      so I added !important and now it’s working. but the picture of the product is also on the left!

      http://take.ms/RFPfB

      Rahim Vaziri
      CEO & Founder at Look.ir

    • September 3, 2018 at 8:46 pm #24342
      Harry

      Hi Rahim,

      Please copy the code to rtl.css, we included this fix for the next update.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • September 3, 2018 at 8:48 pm #24343
      Rahim

      Hi Harry,

      How can I center align the product image in the cart page in mobile view?

      Thank you

      Rahim Vaziri
      CEO & Founder at Look.ir

    • September 3, 2018 at 9:31 pm #24347
      Harry

      Hi Rahim,

      Please add more code

      @media only screen and (max-width: 736px) {
	[dir="rtl"] table.shop_table_responsive tr td.product-thumbnail:not(.product-quantity) {
		text-align: center;
	}
}

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • September 5, 2018 at 4:35 pm #24430
      Rahim

      Hi Harry,

      Thank you so much.

      Could you please tell me how can center align the X button of removing items from cart page in the mobile devices?

      Rahim Vaziri
      CEO & Founder at Look.ir

    • September 5, 2018 at 9:43 pm #24438
      Harry

      Hi Rahim,

      Please add below code

      @media only screen and (max-width: 736px) {
	[dir="rtl"] table.shop_table_responsive tr td.product-remove:not(.product-quantity) {
		text-align: center;
	}
}

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • September 5, 2018 at 9:49 pm #24439
      Rahim

      Dear Harry,

      I recommend you to center align the X button in LTR mode too for better UX.

      Most of the users scrolls their mobiles with thumb finger, so it’s more accessible to remove the items when it’s in the center

      Thank you

      Rahim Vaziri
      CEO & Founder at Look.ir

    • September 5, 2018 at 11:48 pm #24449
      Harry

      Thank, i will improve on our theme.

      Have a nice day!

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

  • Author
    Posts
Viewing 9 reply threads
Save

You must be logged in to reply to this topic.