Problem with hot spot

This topic has 9 replies, 2 voices, and was last updated 5 years, 1 month ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
January 23, 2020 at 4:23 pm #169449

Mat
Participant

Hello,
I have problem with hot spot text display on mobile.

Attachments:
You must be logged in to view attached files.

January 23, 2020 at 9:41 pm #169486

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide your site URL so that we could check if it is possible to correct it with custom CSS. If your site is under maintenance, please provide your site admin access in the private area

Best Regards

January 24, 2020 at 7:31 am #169544
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:
```
.hotspot-opened .hotspot-content {
    margin-left: 0!important;
}
```
Best Regards
January 24, 2020 at 8:31 am #169557

Mat
Participant

The problem now occurs on the opposite side.

Attachments:
You must be logged in to view attached files.

January 24, 2020 at 3:26 pm #169662
Elise Noromit
Member
Hello,

I had to change one block position from Left to Top as even with custom CSS one of the blocks was cut.

Please add this code to the Theme Settings > Custom CSS > Global:
```
.hotspot-opened .hotspot-content.hotspot-dropdown-top {
     margin-left: 0!important;
}
body .hotspot-opened .hotspot-content.hotspot-dropdown-left {
	margin-left: 95px!important;
}
```
Best Regards
January 24, 2020 at 4:31 pm #169669

Mat
Participant

Ok let’s say it’s OK now (with hotspot dropdown content position changing what is not perfect). I will handle it. BUT there is another problem with hotspot that I’ve noticed.

January 24, 2020 at 6:11 pm #169685

Elise Noromit
Member

Hello,

We shall consider and try to change it. The hotspot block is the fixed element which is difficult to predict as different users may have a different number of blocks and sizes and positions.

We shall get back to you soon.

Best Regards

January 27, 2020 at 1:10 pm #170021
Elise Noromit
Member
Hello,

Sorry, I have misunderstood you I can set the hotspots as per your needs. Please remove all previous custom CSS related to hotspot element and add this code to the Theme Settings > Custom JS > On Document ready:
```
jQuery(document).on('pjax:complete', function (xhr, textStatus, options) {
	jQuery('.woodmart-image-hotspot-wrapper').each(function () {
			jQuery(this).addClass('loaded');
	});
});
```
Best Regards
January 27, 2020 at 9:40 pm #170116

Mat
Participant

It doesn’t work, but doesn’t matter. I’ve created my own css custom code that works well. Thanks.

January 28, 2020 at 9:42 am #170182

Elise Noromit
Member

If you have any questions please feel free to contact us.

Best Regards
Author

Posts