Alignment issue on Mobile - Support | Kriesi.at

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

Author

Posts
October 2, 2014 at 4:26 pm #329059

bakbek
Participant

Hi, I have an image with hotspots and on mobile the number shows on the left but i’m running a Hebrew site so I would like it to show on the right side. This is how it looks now – https://trello-attachments.s3.amazonaws.com/542cbce40e0157f4630d9917/1024×577/cee757c1559fb47d52210cb04492ec9a/photo.jpg

This is the page URL – http://polytown.co.il/twinmotion

How can I make the hotspot number appear to the right of the text box next to it?

Thanks.

October 3, 2014 at 7:23 am #329496
Ismael
Moderator
Hi bakbek!

Thank you for using Enfold.

Please use this on Quick CSS:
```
.av-hotspot-fallback-tooltip-count {
top: 15px;
right: 15px;
z-index: 10;
}

.av-hotspot-fallback-tooltip-inner {
margin-right: 60px;
}
```
Best regards,
Ismael
October 3, 2014 at 5:15 pm #329802

bakbek
Participant

Thanks Ismael.

How can I also align to the right the text that appears once I hover over a hotspot on the image on a desktop – http://screencast.com/t/WShGgmQLEt?

Thanks.

October 4, 2014 at 9:12 am #330138

Arvish
Inactive Moderator

Hi!
Could you please provide us the link to the page for your second request. It will help better troubleshoot the issue.
Regards,
Arvish

October 4, 2014 at 5:10 pm #330232

bakbek
Participant

It’s on the same page – http://polytown.co.il/twinmotion/#what – just scroll down a little until you see the big mac screen with the hot spots.

October 6, 2014 at 1:40 am #330639
Ismael
Moderator
Hi!

Please use this:
```
.av-tt-hotspot {
text-align: right !important;
}
```
Best regards,
Ismael
October 7, 2014 at 10:15 am #331453

bakbek
Participant

Thanks.
Author

Posts

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

The topic ‘Alignment issue on Mobile’ is closed to new replies.