Hi,
When you say that you don’t like the text wrapping, I assume that you want the tooltips larger, currently they are 250px, try this css and adjust to suit:

body#top .av-tt-large-width {
    width: 300px;
}

It looks like to place the tooltip over the other numbers you need to set the z-index of the open tooltip parent av-image-hotspot to at least 3.
So this will need to be done with jQuery in the above script, perhaps something like $(this).parent().find(‘.av-image-hotspot’).css({‘z-index’:’3′});
For me the draw open looks like a cool animation, but I think to remove it we need to add and remove opacity to the script, I will try to adjust this later unless you get to it first.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.responsive #top #wrap_all #main {
		padding-top: 90px !important;
	}
	.responsive #top.home #fullslider {
		margin-top: 90px;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please try the snippet alone, in my test in worked, also note that I assumed that you would wrap it in a function if you are testing it in the functions.php, like this:

function one_hotspot_only_script() { ?>
  <script>
(function($) {
 $(window).ready(function() {
           $('.avia-tooltip').hide();	
       $('.av-image-hotspot_inner').on( "click", function(e) {
       	var $this = $(this).parent().find('.avia-tooltip');
	      $(this).siblings('.avia-tooltip').toggle('slow');
	      $('.avia-tooltip').not($this).hide();
        });
     });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'one_hotspot_only_script', 99);

It looks like your script above is hiding the tooltip on click, including the one clicked, my script already hides the ones except the one clicked.

Best regards,
Mike

Hi,
I see that you have placed the code that is causing problems in your WordPress ▸ Customize ▸ Additional CSS

This should not be there, please remove.
I also see that you have the same code in your WordPress ▸ Appearance ▸ Theme File Editor ▸ Enfold ▸ functions.php

please also remove this and then check again.
If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets, because you will lose the custom code that you add to the enfold ▸ functions.php when you update next time.

Best regards,
Mike

Hi,
In my test with the hotspot tooltip set to show – always
this hides all of the tooltips until one is clicked and when the next one is clicked the others are hidden.

(function($) {
 $(window).ready(function() {
           $('.avia-tooltip').hide();	
       $('.av-image-hotspot_inner').on( "click", function(e) {
       	var $this = $(this).parent().find('.avia-tooltip');
	      $(this).siblings('.avia-tooltip').toggle('slow');
	      $('.avia-tooltip').not($this).hide();
        });
     });
})(jQuery);

Best regards,
Mike

Hi,
Thank you for your patience, to make the header sticky on mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}

For the mobile menu fonts try this css:

@media only screen and (max-width: 767px) {
	#av-burger-menu-ul a {
	font-family: kalam;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can be of more assistance in adjusting your settings.

Best regards,
Mike

Hey CharlieTh,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main #commentform .comment-form-rating label[for=rating]{
	background:green;
	color:red;
	font-size: 25px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Yaphoon,
For your Gaode Map page try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.responsive #top.page-id-53 #av_section_1 .container {
	max-width: 100%;
	padding: 0;
}
.responsive #top.page-id-53 #av_section_1 .container main {
	padding: 0;
}

the expected results:

as for your mega menu, it looks like each of your menu items is a column title which by defalt has a different color and font size than the regular menu items:

so perhaps you could adjust the mega menu items to correct your font size and color.
I don’t know what you mean by “adjust the square size”, if you mean the whole mega menu size, it is created by the number of items in it with js and not easy to change.

Best regards,
Mike

Hey Marc,
It looks like you are using the Fullwidth Easy Slider, so go to a slide in your slider and open it:

then go to Advanced ▸ Link Settings you have the option to add buttons:

If you want to modify the look of the button more than the options allow you to let us know and we will help with some css.

Best regards,
Mike

Hi,
Yes, this is correct.

Best regards,
Mike

Hi,
For your other issue your images are in a portrait size and the element is showing a landscape size, so you could change the image size of the image used.
The category page is using the “portfolio” image size, so try using the Simple Image Sizes plugin and change the image size in the WordPress ▸ Dashboard ▸ Settings ▸ Media ▸ Media Settings options, look for portfolio size and change the size and disable cropping:

and click the Save Changes button at the bottom of the page, then use the Regenerate Thumbnails plugin, to regenerate all of your images (thumbnails), this plugin works better than the built-in option of the other plugin, as it sometimes stalls if you have a lot of images.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for the feedback, so as I understand if you use only the embed code and the link code for the popup from the new CRM it doesn’t work.
So out of the box the new CRM doesn’t work, even though the form in the video shows it is for a popup?
At the beginning you said “the technical team from the new CRM has been unable to do so”, they couldn’t get their own code to work as a popup?
On your test page I have hacked both buttons so they work as popups, please check.

Best regards,
Mike