Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.avia-tooltip.avia-tt {
display: none!important;
}

Regards,
Yigit

Hi!

Thank you for using the Enfold theme.

Regarding the logo, please adjust the height of the header on Enfold > Header Layout > Header layout > Header Size. Set the setting to custom pixel value. Adjust the height to 156px. This will automatically adjust the width of the logo.

On the hotspot element, when you add an image via the Add Media button, the image will be added on the tooltip not on the hotspot number.

Cheers!
Ismael

Hi Barb!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 990px) {
#top .avia-icon-tooltip { display: none !important; }}

Cheers!
Yigit

Hi pc37075!

You can add links but they would not be clickable since tooltip is currently displayed on hover. Some other users also requested such feature. Please go to – https://kriesi.at/support/enfold-feature-requests/ and vote that feature :)

Cheers!
Yigit

Hey sterlingwilliam!

You can add images and videos but since tooltip is only shown on hover, you would not be able to click video play button. Please request such feature or vote if already requested here – https://kriesi.at/support/enfold-feature-requests/ :)

Cheers!
Yigit

Hi!

You can generate one using the shortcode wand. Create a temporary page or post then use the shortcode wand. Go to Media Elements > Google Map. The shortcode looks like this:

[av_google_map height='400px' zoom='16' saturation='' hue='' zoom_control='aviaTBzoom_control']
[av_gmap_location address='' tooltip_display='' marker='' imagesize='40'][/av_gmap_location]

[/av_google_map]

[av_video src='' format='16:9' width='16' height='9']

[av_google_map height='400px' zoom='7' saturation='' hue='' zoom_control='aviaTBzoom_control']
[av_gmap_location address='Apopong' city='General Santos City' country='Philippines' long='125.1103736' lat='6.1093899' marker='' imagesize='40' tooltip_display='']
This is sparta!
[/av_gmap_location]
[av_gmap_location address='Matina' city='Davao City' country='Philippines' long='125.59519079999995' lat='7.067416799999999' marker='' imagesize='20' tooltip_display='']
This is Davao!
[/av_gmap_location]
[/av_google_map]

Regards,
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.avia-tooltip.avia-tt {
width: 260px!important;
}

Regards,
Yigit

Hey bur2000!

Thank you for using the theme.

Please edit js > avia.js find this code on line 1351:

event: 'mouseenter',       	//mousenter and leave or click and leave
            position:'top',             //top or bottom
            extraClass:'avia-tooltip-class' //extra class that is defined by a tooltip element data attribute

Replace it with:

event: 'mouseenter',       	//mousenter and leave or click and leave
            position:'bottom',             //top or bottom
            extraClass:'avia-tooltip-class' //extra class that is defined by a tooltip element data attribute

Remove browser cache then reload the page a few times.

Best regards,
Ismael

Hi!

Thank you for the update.

I’m sorry but there’s a big chance that a third party plugin is causing the issue because we can’t reproduce it on our test server. You’re right, the tooltip works fine when the site is NOT finish loading which tells us that after a certain script has been loaded, it somehow breaks the tooltip function. Did you modify any theme files? Please totally deactivate all plugins. Remove browser cache then reload the page a few times.

Best regards,
Ismael