Hi Michael,
We are happy to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko
Hi fanlokbun,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
.responsive #top .header_bg {
background-size: contain;
}
@media only screen and (max-width:767px) {
.responsive #top .header_bg {
background-position: center;
}
}
Best regards,
Nikko
Hi billbasler,
We apologize for the delayed response as well as the inconvenience.
https://kriesi.at/themes/enfold/portfolio-item/single-portfolio-23-gallery-3/ uses the Gallery element which has a Gallery Style of Big image with thumbnails below.
I have created a portfolio item on your site which is similar to the link you gave, here’s the page: https://phelansinteriors.com/portfolio-item/demo-portfolio-item/
I hope this helps.
Best regards,
Nikko
Hi sebzh22,
We apologize for the delayed response.
It is possible for the product name to be positioned at the top left and the price at the bottom left, however the whole product item is linked to specific product page and there’s no option to show the button. Please try to add this CSS code in Enfold > General Styling > Quick CSS:
#top .avia-product-slider-container .woocommerce-loop-product__link {
position: relative;
}
#top .avia-product-slider-container .woocommerce-loop-product__link .inner_product_header {
position: static;
text-align: left;
}
#top .avia-product-slider-container .woocommerce-loop-product__link .inner_product_header .woocommerce-loop-product__title {
position: absolute;
top: 4px;
left: 12px;
}
Hope it helps.
Best regards,
Nikko
Hi Thilo,
Thanks for providing us with a staging site.
The reason it was not showing on mobile is that the column titles are empty, I apologize I did not recognize it right away.
The only way to show it on mobile is to use a different menu on mobile, this can be set in Enfold > Main Menu > Alternate Menu For Mobile and select a different menu.
The mobile menu needs to be a duplicate of the main menu and change those empty column titles from – to any title of your choice, on your site I just set the title to Column 1, Column 2, etc.
You can check the german version of your site, and I was able to duplicate the main menu using this plugin: Duplicate Menu (by Jonathan Christopher)
You will need to set a different mobile menu for different languages.
I hope this helps.
Best regards,
Nikko
And here is the reply from the WordPress forum – even though I did mention I came to you first and shared all the troubleshooting I did to show you it was a theme compatibility issue.
Since you use a commercial theme and need support, please go to their official support channel. In order to be good stewards of the WordPress community, and encourage innovation and progress, we feel it’s important to direct people to those official locations.
https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990
Forum volunteers are also not given access to commercial products, so they would not know why your commercial theme or plugin is not working properly. This is one other reason why volunteers forward you to the commercial product’s vendors. The vendors are responsible for supporting their commercial product.
Commercial products are not supported in these forums.
I solved my issues above through a lot of reading and trial and error. This was very frustrating that I never heard back from support on the issue. I ended up reading dozens of pages of support posts, only to find one that cited “lazy loading” under site Performance Options as a possible culprit. There is absolutely no way that I would hav e found this via searching. This seemingly unrelated setting was the issue. It is not that my Portfolio was improperly configured. It was that the load time on any image other than the Featured Image was absolutely crippled. It would take longer than two minutes for the other thumbnails to load on the page. So frustrating.
So now, my current question is this. My test page currently looks like this: https://phelansinteriors.com/portfolio-item/bridges-senior-lifestyle-living/
Not bad, but I am getting a very horizontal image that a user will then need to click on to get to the thumbnails. )Click the image). The effect I am looking for is like this: https://kriesi.at/themes/enfold/portfolio-item/single-portfolio-23-gallery-3/
In other words, I have no need for the interim click just to get to the thumbnails. I appreciate the help
Anish AppukuttanGuest
Dear Support,
Good day.
I have downloaded Enfold theme by online search, earlier. (1) I would like to go for the licensed one. Is it possible, (2) how I can put the license code to an installed theme by purchasing from you directly.
(3) Once the license activation done, am I able to upgrade to the new version?
(4) Otherwise, If I purchase new version, how can I migrate the website that developed on the old version to new version?
Kindly advice.
Regards & Thank you.
Anish
Hi,
Glad Rikard could 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 Rikard could 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 Guenni007 could help, thank you Guenni007, 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 Rikard,
Did you bring this up to the development team?
The padding on mobile, at the breakpoint, is an absolute disaster. Enfold should not block CSS elements used on the Editor it’s built upon when that editor CSS should take precedence. It has to be compatible.
When can I expect a fix?
Thank you.
Havi
AndrewGuest
Hi Guys,
No big deal, but you have a couple of typos in the text describing Enfold V5.0 (which I love BTW). Seen on Envato Themeforest while I was reordering …
Current text:
Enfold 5.0 comes with plenty new options to create modern websites with advanced element positioning, aniamtion and movement features. …
It should read:
Enfold 5.0 comes with plenty of new options to create modern websites with advanced element positioning, animation and movement features. …
I’m British, trust me :-)
Best wishes,
Andrew
Hi.
I wonder if Enfold has a separator element or whatever is called that has a text between two lines.
Like here, in “about”, “agenda”, “news” etc.
http://www.judithjauregui.com
Thanks.
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
FYI, I have resolved this by disabling CSS and JS file merging and compression in the Enfold Child Theme Performance settings
Should this be disabled at all times ?
Tx
Ivan
How do I unfix an iframe aspect ratio in Enfold. It is 16/9 and I can set the width, but the height remains proportionally same on all devices from phones to large desktops. I want the iframe to be 100% screen height no matter what screen it is on, and the width to be 90vw, which I can do. But the height shrinks the smaller the screen and nothing changes the aspecty ratio.
I am embedding a scrolling web page in the iframe and it needs to stay at 100% screen height and let the width be responsive at 90vw. The content is responsive already, it’s just the iframe I cannot change the height aspect ratio of. Is this constrained by a container I can’t fin d?
Is there a way to do this?
This is what I have:
.mfp-iframe-holder .mfp-content {
height: 100%!important;
width: 100%!important;
max-width: 90vw!important;
max-height: 100vh!important;
min-height: 100vh!important;
position:absolute;
top:opx;
left:0;
right:0;
iframe align:top
margin: 0px;
padding: 0px;
overflow-y: auto;
overflow-x: auto;
scrolling=”auto
}
To follow up, the shortcode as above is incompatible with the Enfold Advanced Layout Builder. As that is how the whole site is built, it won’t work. The PHP is from – https://gist.github.com/HuxburyQuinn/85af6bdf043bdfceb1f9e754abc59987
The shortcode does this and I can load a page into the popup, but it is incompatible with the Advanced Layout Builder and will not work as a button or image link. Here is a test page — https://dev.blaircomm.us/6194-2/ – click the link “creative.”
I want the same inline popup style triggered by a button and an image, see – https://www.behance.net – how they show portfolios in an inline popup triggered by an image. This is to create a portfolio page style by clicking on the image from the main page, then loading the pop-up window in which more detailed information is shown as a scrolling popup window. As I said, the shotcode does this but is unworkable as an image link and within the Advanced Builder.
I have gone over other posts where it looks like this can be done, but don’t see a comprehensive post with all the steps/code that I can get to work. I looked at https://www.youtube.com/watch?v=ezR27jB7zL8, but it is from 2018 and I can’t get it to work.
Is there a way this can be done working within the Advanced Layout Builder?
Hi,
Ok, sorry that we were not more help with this, 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
David Nicklen
Hi Rikard
Thanks for that. I’ve done everything on the trouble shooting list (I wonder why these instructions are not provided when a theme is downloaded?).
generated a new token
Installed the Envato plugin / added the API token in the plugin settings
Checked the Enfold product key is correct etc etc
.. and I’m still getting the same error. What do I do next?
Regards,
Dave
Hi,
if you convert the images of the enfold websites to webP format (this happens with all plugins by adding the html picture tag), unfortunately, the horizontal slider no longer works. (Images are no longer resized). Do you have a solution for this?

So if you go and set for the direct child of the background-image container : the mix-blend-mode – it will work in firefox.
But then the whole container is influenced. And a min-height hampers the blend-mode too – because of display :table
…
i would like to set the min height of the container not by the alb – but with css – to get rid of display: table
see my testpage on the bottom: https://enfold.webers-webdesign.de/special-backgrounds/#av_section_3
and css for that:
#top #main #av_section_3.mix-blend-mode {
background-size: cover;
background-position: right center;
}
#top #main #av_section_3.mix-blend-mode .container {
mix-blend-mode: multiply;
display: block !important;
min-height: 45vw;
}
#top #main #av_section_3.mix-blend-mode .container .content {
float: left !important;
}
my comment on that: this is not a practical way to do it. It is unfortunately the whole container that would have to be set to this blend mode – so we should find another way.
Hi,
Thanks for the update. Could you try updating the theme to the latest version (5.0.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.
Best regards,
Rikard
Hi,
Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi,
Guenni007, I don’t think this is what whdsolutions was trying to achieve, unless I misunderstood.
He is trying to use the mix-blend-mode CSS property for an image on an image, similar to this

here the logos (badges) have the original white background:

originally on his site the layerslider did this, so he was trying to duplicate it with a color section and imagine element, currently he has changed the layerslider to use a transparent background image like you suggested.
Your solution works great and a transparent background image is easier to use, but I found it interesting that the css mix-blend-mode could do this.
Do you have any ideas for my example to work with firefox?
Best regards,
Mike
David NicklenGuest
Hello
Firstly, I’m finding it very difficult getting in touch with you. I bought Enfold theme from Themeforest, installed it all ok and the activation key supplied with the down load does not work. They do not wish to help me so I’m hoping you can. If not please please let me know how I obtain a refund for this purchase.
Licensor’s Author Username: Kriesi
Licensee: David Nicklen
Item Title: Enfold – Responsive Multi-Purpose Theme
Item URL: https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990
Item ID: 4519990
Item Purchase Code: fc11c843-8cb8-4424-af13-bdb5bbb11817
Purchase Date: 2022-06-29 14:01:51 UTC
This is the error being produced:
Last time we checked the token we were not able to connected to Envato:
Purchases could not be accessed
Username could not be accessed (needed for your information only)
E-Mail could not be accessed (needed for your information only)
Following errors occurred:
Purchases: Your private token is invalid.
username Your private token is invalid.
email Your private token is invalid.
Purchases: A problem occurred accessing your purchases. Unable to check for updates.
Please advise and if possible supply me with a key that works.
Thanks,
David Nicklen
Hi,
Great, I’m glad that @guenni007 could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard