Hi,
Thank you for your patience, I copied your test map page to my test server and found that the hotspots that were not showing had the hotspot colors set to transparent, so they were not showing. This happened to be all of the “Significant Trees” hotspots so I edited these to be the same as the others. I also noticed that many of your images were not using https you may want to review this on your other pages to help with CORS errors, anyways this solves the case of the missing hotspots.
But I notice that your hotspots are acting erratically, please compare your test page with mine in the Private Content area, my test install has no caching and only woocommerce for a plugin, I see your site is manually disabling template builder elements including the Image with Hotspots Element and you are using W3 cache which is minifying JS while the theme is also merging and compressing JS, this double minifying can cause issues.
I recommend disabling all of your plugins and any object-oriented caching on your server and all minifying and compression in the theme and allow all elements to load, once your site is done being built you can start caching, minifying, and tweaking a little at a time. Anyways I hope this helps.

Best regards,
Mike

Hi,
Thank you for your patience, I added the function for the first category that has the slug “strips” and it seems to be working well, please check, but I notice that for your product categories this is the only one in English and I wonder if this was in error or if it will be changing, or if the other ones will be changing?

the slug is not in the code so the language doesn’t matter, but changing the slug may change the slug ID which is in the code, so please check if this will be changing and correct before I make the other categories so we don’t have to re-write the code later, thank you.

Best regards,
Mike

Hi,
For the page that you have linked to the content looks full width to me with 50px padding on the left and right, but my screen width is 1536px, so I assume that you have a wider screen, in that case you can use this css to assign the width wider. In this example the width is 2000px and the padding is 0px, please adjust to suit.

#top.single-job_listing #main > .container_wrap_first > .container {
	max-width: 2000px;
	padding: 0;
}

Please note that typically we request that each support thread is limited to a single issue so that the threads don’t become long and off-topic, so if you find that this css helps with the page width please let us know and we will close this thread and for future questions on new topics you can create a new thread and we will be happy to assist. Thank you for your understanding.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thank you for the login, but I’m not sure why this is occurring, I have tried to recreate this on my server but so far I have not been able to. I see that you are using Variation Swatches for WooCommerce and Advanced Custom Fields together and this makes it complicated to try to recreate. When the filters are used the product description container that holds the image is removed so the page structure is changing. I might be able to inject the image with jQuery as we did a year ago, but we would need to write this for each category, do you plan on using a lot of categories? Does this also need to work for mobile? This might be a bigger job than it looks.

Best regards,
Mike

Hi,
Thank you for the link, the source url to your transparent logo is being displayed as (unknown) :

it should be like this:

I believe this is caused by a plugin on your site, probably one that “optimizes” your images. Please check that the url to your logos are correct and then try disabling your plugins and clearing your browser cache until your logo shows again.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.rating_container {
	display: none !important;
}

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

Best regards,
Mike

Hey mvi,
Thank you for your patience, but we will need to see your site in order to review what is the issue.
I’m not seeing any issues with either logos, transparent or regular, on the 2017 Demo with v4.8.2 so I can’t imagine that there is a bug with it?

Best regards,
Mike

Hey Ralf,
Thank you for your patience and the video and link, this looks like a lazyload error to me based on similar loading issues that I have seen on other sites. When I have seen this before it was not the expected behavior or the correct behavior, it was more like a conflict. I note that you are using a plugin called PhastPress that I have not heard of before and when I research it I find that it seems to be a “no configuration” web page optimization engine with lazyloading, so my first suggestion would be to disable it to see if you continue to have this issue.
The script looks like it waits for the DOM to load and then passes the theme scripts and css phast.on(document,"DOMContentLoaded").then which might be causing an issue with page load functions resulting in a double load with some elements, but I’m not sure.
If you find the page loads correctly without the plugin, but you want to try to keep using the plugin, you could try disabling the theme lazyloading and ensure the jQuery is not being forced to the footer at Enfold Theme Options > Performance > Load jQuery in your footer and disable Enfold Theme Options > Performance > JS & CSS file merging and compression, although I don’t believe you are using this. Also try disabling any other caching, I can’t see if you are using any, and also try disabling server cache if it is an object-oriented cache such as Memcached, Redis, Varnish, Litespeed, etc.
I hope this helps.

Best regards,
Mike

Hey JoaoBrots,
Thank you for your patience and for the login, I didn’t find an example of a product slider with star reviews on your site so I created a test product slider page, but the star reviews do not show, so can you link to a page with the star reviews that you would like to hide?

Best regards,
Mike

Hey AliAbabwa,
Thank you for your patience when I take a look at an example of our timeline I see that it already shows the “fadein” animation, but I’m not sure which image animation you would like to achieve. Please try creating a test page with the timeline element as you will be using it and an image with the animation that you like and we can try copying the animation for you. We will need to see the timeline as you intend to use it because the different options apply different classes to it and this is not a general kind of customization.

Best regards,
Mike

Hey jelle,
Thank you for your patience and the links, as your page is currently setup please try this css:

#top.home #main .flex_column.kleur .column-natuur > img {
	margin-left: -50px !important;
    max-width: 150% !important;
}

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

Best regards,
Mike

Hi,
Thank you for the link to your /product-category/strips/ page but since this is a different site and it’s been over a year since we have looked at this customization I’m not quite sure if you are using the same script as above, can you include an admin login to this new site so I can take a look?
Thank you for the mockup image for the mobile header that you are trying to achieve, please try this css:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .logo {
    float: none !important;
    margin: auto !important;
}
.responsive #top #wrap_all #header {
    height: 140px !important;
}
.responsive.html_bottom_nav_header.html_cart_at_menu #top #wrap_all .main_menu {
    top: 60px !important;
    right: 150px !important;
}
.responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown {
    right: 90px !important;
    top: 60px !important;
}
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
To achieve the exact function of that page team section you would need to use the same css, javascript, and html structure, this could then be added to a code block section in your page. While this is a cool effect I can’t justify the time to scrape this code and reformat it in a clean matter for you as it is not really an Enfold task. You would basically right-click and save as the page to your desktop and then clean up the css, javascript, and html, but if you don’t feel comfortable doing this you could hire someone to do it for you in a few hours for pretty cheap money, UpWork.com or Fiverr.com might be a good place to look.
The debugger code and example links above to achieve a similar effect in Enfold also work as described, but they are similar not exact.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike