Hi,

Glad to hear this helped the map issue, I see the your mega menu items are still column titles, have you tried to change them to regular menu items? Doing this will make the fonts size smaller and the width smaller, like this mega menu example:

unless you specifically only want to use column titles?
If so then try this css and adjust the font to suit:

#top #header .mega_menu_title,
#top #header .mega_menu_title a {
    font-size: 12px;
}

To make the meag menu smaller tru this css and adjust to suit:

#header .avia_mega_div.twelve.units {
    width: 602px;
}

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

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
#top .mfp-content .av-9g7ebi-f2e12a2e9a0504676810d016a51cefd3,
#top .mfp-content .av-4xc9se-e01829d9bd552af3332b6fd9af5b84e8 {
    background-color: #0e76a8;
    border-color: #0e76a8;
    color: #ffffff;
}
}

Thanks for pointing out the filter Guenni007

Best regards,
Mike

Hi,
It looks like the post css files are also used with that setting, so the the filter ‘avf_post_css_create_file’ will be the only way to not use the post files.
In your other thread it looks like the issue is that your pages are translated into new pages, have you tried opening the new pages in the editor and resaving them, I would expect this to generate the correct post css files for the new pages.
Why does the inline css cause a problem for your translated pages? Perhaps we can overcome this part of the issue.

Best regards,
Mike

Hi,
For future readers please see the final solution at this thread
With the hotspot tooltips set to always show add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

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).parent().css({'z-index':'9'});
	      $(this).siblings('.avia-tooltip').toggle('show');
	      $('.avia-tooltip').not($this).hide();
	      $('.avia-tooltip').not($this).parent().css({'z-index':'1'});
        });
     });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'one_hotspot_only_script', 99);

and on tooltips should show on page load and clicking a hotspot will show a tooltip then clicking any other hotspot will close any other open tooltip and open the one clicked.

Best regards,
Mike

Hi,
To have a popup display automatically after 5 seconds I recommend using a popup plugin like WP Popups I tested this on my test site linked below. I used a blank popup template:

then added your link as a iframe:

<iframe width="100%" height="650px" src="https://link.mightyrealmedia.com/widget/form/SKLq9d3FYMp3PKRXYTbs" scrolling="auto" frameborder="0" allowtransparency="true"></iframe>

then I set the page I wanted it to show on, my test page below, you can choose every page if you like:

then I set the delay to 3 seconds

there are many other setting you can make but for this example this worked, this was the result after 3 seconds:

please give this a try.

Best regards,
Mike

Hi,
Thanks for your patience, to change your product layout I change the setting at Enfold Theme Options ▸ Shop Options ▸ Product gallery to default.
Please check.

Best regards,
Mike

Hi,
Thank you for your patience, it looks like you didn’t paste all of the code into the Quick CSS field, the last bracket was missing, I added it for you and now it works.
I think I understand what you have done now, you manually added ALB code to the shop page and want to hide the shop page items that woocommerce wants to add, and that is why when you added the custom code to hide the woocommerce shop items you were seeing the “no-products-found” container.
It looks like the css I added has solved that for you, please check.

Best regards,
Mike

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

#top.post-type-archive-product .template-shop.content.av-content-full.alpha.units  {
	display: none;
}

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

Best regards,
Mike

Hi,
Glad to hear that you get this working, do you find it a suitable solution?

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,
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,
On your other thread about this I posted this:
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,
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,
Thanks for the link to your page, I checked all of the masonry items and they all seemed to be the same size. Did you manually adjust the titles and content or did you already solve the issue?
Perhaps you could try this css, it limits the title content area to a specific height and hides the overflow:

.av-inner-masonry-content-pos,
.av-inner-masonry-content-pos-content {
	max-height: 152px;
	overflow: hidden;
}

currently all of the items fit in the 152px height, and I tested with 140px and it worked hiding the extra text. You can try this if you still need a solution.

Best regards,
Mike

Hey mediafacto,
Thanks for the link to your site, in the popup the blue one was not correct, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to correct:

#top .mfp-content .avia-button.av-4pqcoe-31648334b4896fbdfea9d05f47606f6f,
#top .mfp-content .avia-button.av-eh4dwu-7ff5582dbec01723c9e3c0eb24a72468{
    background-color: #0e76a8;
    border-color: #0e76a8;
    color: #ffffff;
}

After applying the css, please clear your browser cache and check.
To stop your page from scrolling try adjusting your script to this solution.

Best regards,
Mike