-
Posts
-
Hello there,
I’ve some responsive issues in the timer and hotspots, The explanation and details in
https://drive.google.com/file/d/0B1pkqICrGgvKbVJZWGNnZlVTYXM/view?usp=sharing
Please help
Thanks in advance
JorgeHey jmorillo!
Thank you for using Enfold.
Where is the actual page with the issue? Again, the screenshot above are just blank. I’m not sure why but I guess my system can’t read .pptx formats. Can you please upload the screenshots using imgur or dropbox?
Best regards,
IsmaelHello;
The google preview is not working, it’s the same for me. But if you click in the open (close to the yellow icon) in top center the images are displaying. I put images in the google drive to assure
files 1 and 2
Thanks
JotgeHey!
I can see the screenshots now but I would like to ask again, where can we find pages with the hotspot and countdown timer? I tried to check every main pages but I don’t see any of these elements. If possible, please create a test page.
Regards,
IsmaelUps, sorry
It’s in
http://acolsa.staging.wpengine.com/colchones-hospitalarios-2/ (hosted on WPengine)
Regards
JorgeHi!
Your link is giving me a 404. Go ahead and create the page with the problem and send us a link so we can take a look.
Regards,
ElliottUps, yes I made some changes in the URLS, this is the good
For hotspots
http://acolsa.staging.wpengine.com/mayoreo/colchones-hospitalarios/ (hosted on WPengine)For timer
http://acolsa.staging.wpengine.com/Thanks and regards
JorgeHi!
try this code for the hot spot section:
@media only screen and (min-device-width: 768px) and (max-device-width: 1386px) { .avia-tooltip.avia-tt.av-tt-xlarge-width.av-tt-pos-right.av-tt-align-top.av-mobile-fallback-active.av-permanent-tooltip-single.transparent_dark.av-tt-hotspot { padding: 3px !important; font-size: 10px; }}and adjust as needed.
Cheers!
AndyHi!
For the countdown I’m not sure what we can do. There just isn’t enough space for the labels your using. Would you like to try displaying them on top of each other instead of in one line?
For the hotspots what happens when you add this to your custom CSS?
.av-tt-xlarge-width { width: 240px !important; }The tooltips have a width setting. I would try setting it to the default instead of large or extra large.
Best regards,
ElliottHello,
For the countdown I reduced the size a bit a quit the seconds so is OK now.
For the tootips, its not working yet:
1.- This code works only in one box – please see pictures 10 in https://drive.google.com/open?id=0B1pkqICrGgvKflRwckk2ZnR1b29VNEVQbVYwNUlYTlRBUXg2ZlkyLUJqWGN6SmxJRlZXYTg
@media only screen and (min-device-width: 768px) and (max-device-width: 1386px) {
.avia-tooltip.avia-tt.av-tt-xlarge-width.av-tt-pos-right.av-tt-align-top.av-mobile-fallback-active.av-permanent-tooltip-single.transparent_dark.av-tt-hotspot {
padding: 3px !important;
font-size: 10px;
}}2.- This code works great
.av-tt-xlarge-width {
width: 240px !important;
}3.- There is a problem of overlapping between sections that I’ve resolved moving to different sections. Pictures 10 and 11.
Thanks
Jorge
- You must be logged in to reply to this topic.