RTL fix

[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

[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

[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

[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

[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

[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

[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

[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

[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

[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