Fancy Box Issue

[Rahim]

Hi Harry,

Hope you are fine.

Can you please check my site on your real mobile?

I don’t have any header top, so when you go to a single product page via your mobile and press the product image, the fancy box opens which is fine till here.

But when you press the X button on the top right to close it, the mobile menu opens!

I was able to reproduce this issue by placing your header on the same place in your demo.

It seems you press both buttons at the same time.

How can I fix this bug?

Regards

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

I checked on real device it still work well, but check web browser resize it have same issue with you.

Please add below code to fix

@media only screen and (max-width: 736px) {
.pswp__button--close {
	margin-right: 50px;
}
.jas-push-menu-btn.visible-xs {
	display: inline-block;
}}

Kind regards

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

[Rahim]

Hi dear Harry,

This code looks better:

@media only screen and (max-width: 736px) {
.pswp__button--close {
margin-right: 50px !important;
}
.pswp__counter {
left: 50px !important;
}
.jas-push-menu-btn.visible-xs {
display: inline-block !important;
}}

Photo: http://prntscr.com/nx85ti

Do you Agree?

Regards

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Yes, Rahim.

Regards

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

[Author]

Posts