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

Hi,
Do you have new pages to show the issue? The two pages you linked to a while back both are working for me now, but I do note a few javascript errors in the browser console, please see the screenshot in the Private Content area.
For the console errors, I note that it looks like you have the W3 cache enabled and you have the Enfold Theme Options > Performance > JS & CSS file merging and compression enabled and I believe you also have the Enfold Theme Options > Performance > Load jQuery in your footer option enabled. Please disable all of these, while this should help with the console errors, I still don’t see the input field placeholder error on the two pages linked to.

Best regards,
Mike

Hi,
I would like to point out that the page you are trying to copy is not using iframes, iframes load a page source from another url, or page. The popups you are seeing are embedded in the current page source in the div’s with the class member-bio
Please review the page source code and you will see this is similar to my suggestion above with using a code block element for your popups, this is why it seems to load instantly. An iframe will load slower because it must call another url and load that page.
The other issues you question have to do with our built-in popup javascript which is naturally not the same as the page you are trying to copy. So while you can create a similar page and effect with the Enfold options and elements, having an exact copy of that page would require you to use the same javascript and source code as that page.
Are you rebuilding this site for this customer or are you modeling it for another?
Are you looking for exact or similar?

Best regards,
Mike

Hey Alexandra,
Thank you for your patience and for the login, so the first step is to get the LinkedIn icon to use in your LinkedIn menu item, to do this we will use the shortcode wand in the classic editor and choose the icon element (symbol):

and then choose the correct icon:

then we will preview the element and get the correct data-av_icon:


now we can use it in this code in the menu item:
<span class="av-icon-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>

now the icon shows in the menu as a menu item:

now to get the menu item ID for the css you would hover over the “edit” link in the menu item and at the bottom of your screen you should see the link url which includes the item ID number:

in this case it is 1988 or #menu-item-1988
I added this to your Quick CSS, please clear your browser cache and check.

Best regards,
Mike