Mobile View Changing

[Rahim]

Dear Harry,

The desktop view is fine, but only in MOBILE view I like to put the cart icon on left and hamburger menu on right and their pop up open from their new side! ( cart pop up from left and menu pop up from right )

How can I do this?

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I checked your site. The freelancer change the layout, our theme already change cart on the left, menu on the right and ( cart pop up from left and menu pop up from right ).

Could you ask him revert or move the change to child theme.

Best regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I make the change for mobile, please check.

Best regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I added code in claue-child > style.css

@media only screen and (max-width: 736px) {
.header__mid .jas-row {
	flex-direction: row-reverse;
}
 .jas-mini-cart {
	right: auto !important;
	left: -320px !important;;
} 
.cart-opened .jas-mini-cart {
	right: auto !important;;
	left: 0 !important;;
}
.jas-canvas-menu {
	left: auto !important;;
	right: -320px !important;;
}
.menu-opened .jas-canvas-menu {
    left: auto !important;
    right: 0 !important;
}
.jas-push-menu h3 i {
	left: auto !important;
	right: 8px !important;
}
.header__mid  .jas-col-md-2.jas-col-sm-3.jas-col-xs-3.flex.start-md {
	justify-content: flex-end;
	padding: 0;
}
}

Best regards

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

[Rahim]

This reply has been marked as private.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

1. You can edit space of cart by edit padding: 0 5px in the last line code on style.css in claue-child

2. You can flip hamburger menu icon by create new image and upload via Theme Option > Header > Mobile Menu Icon

Best regards

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

[Author]

Posts