Forum Replies Created
-
AuthorPosts
-
Hey Greg,
I believe that you can preload the video in your header like this:<link rel="preload" as="video" type="video/mp4" href="foo.mp4" />
But I found this stackoverflow thread that says: video preloading is included in the Preload spec, but is not currently implemented by browsers as of 2021
I see that your video is 25 seconds and 24.9 mb, but when I view your site with a users mind, I don’t see myself staying at the top of your page for more than 5 seconds, I would recommend cutting the video down to 5 seconds then perhaps it would be only about 5 mb and load much faster.
If the site is live try getting the analytics for the average time spent on the homepage and use this to show your client that a 25 second video is not necessary.
Anyways, I hope this helps.Best regards,
MikeHi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.Best regards,
MikeHi,
I would ask your web host to update to v7.4 and then update the rest of your site, then update to PHP v8
Does your web host make automatic backups or can you request a backup before PHP v8?
It would be good to do, but I don’t expect any issues.Best regards,
MikeHi,
Glad to hear that you have this sorted out, I have not seen this happen before, if you see this again or have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeApril 16, 2023 at 9:10 pm in reply to: How to Register a Theme on Enfold 3.3.2? (Do I first download latest version) #1404626Hey Nick Ray,
Thanks for your question, you can not register v3.3.2 because it doesn’t support the Envato Token, so first follow the steps to update the theme:download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New….
then after you can register the updated theme.
Best regards,
MikeHi,
Endold doesn’t require PHP v8, but WordPress requires at least PHP v7.4Best regards,
MikeHey Stefan,
Thank you for the link to your site, I recommend duplicating your element and changing the Element Visibility to show one on desktop and the other on mobile, then set the columns on the mobile version to one.Best regards,
MikeHi,
Glad to hear that you have this sorted out, and thanks for sharing your solution. I don’t foresee any issues with this and perhaps it will also help others.Best regards,
MikeHi,
Glad to hear that you have this sorted out, although we have not heard from other users about this issue with polylang. Perhaps using the Classic Editor will be a good solution.Best regards,
MikeHi,
Thanks for the feedback, I have asked the rest of the team if they have a similar monitor to test with, Thank you for your patience.Best regards,
MikeHi,
Thank you for your patience, please try this solution.Best regards,
MikeHey whdsolutions,
Thanks for your patience and the link to your site, when “hide on mobile” is used the element is given the css “display” of “none”, this only “hides” an element from view but it is still loaded.
The problem is that PHP is a server-side language and it can not know the device or screen size of a user, this requires a client-side language like css or javascript.
You may be able to use a solution like this to remove the element instead of hiding it.Best regards,
MikeHi,
Unfortunately, we don’t have a monitor with the same resolution as yours, but it sounds like a monitor refresh rate, I can’t imagine that a site would be slower on a larger screen.Best regards,
MikeHi,
Thank you for your patience and the link to your site, I found with the Block Editor enabled you were getting server errors (500) but switching to the Classic Editor at Enfold Theme Options ▸ Select Your Editor corrected and I was able to open all 3 of your pages.
I’m not sure if this is a plugin conflict, if you want to test try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.Best regards,
MikeApril 16, 2023 at 7:02 pm in reply to: Product image will not enlarge on first view – new touch enabled product images #1404606Hey El,
Try disabling your caching plugin and CDN, it looks like you are using the ShortPixel Image Optimizer plugin and it or the CDN is not serving the correct image url.
I have linked to the two image urls below, notice the size +w_805+ & +w_1498+ the correct one is not served on hover.Best regards,
MikeHi,
This can be achieved with a jQuery snippet, please link to your single post example and perhaps include a mockup of what you would link to see, Typically some css will also be needed to adjust the padding or margin in the new location.Best regards,
MikeHey Jay,
Typically layer slides created for desktops are in a landscape format and maintain the aspect for mobile which has a portrait format, for best results you should either create two layer sliders, one for desktop and one for mobile ensuring that the canvas size for each is adjusted for your target device, and display based on device screen size. A more advanced solution is to use the settings in the LayerSlider for the backgrounds and each layer element to display based on device screen size, essentially doing the same thing in one slider. You can read the LayerSlider documentation for more info or ask the LayerSlider support for assistance.Best regards,
MikeHi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function remove_product_category_description_paragraph_tag() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('#av_product_description h1 p').contents().unwrap(); })(jQuery); }); </script> <?php } add_action('wp_footer', 'remove_product_category_description_paragraph_tag');Then clear your browser cache and any cache plugin, and check.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHey alexanderb135,
I believe that you are asking for a sticky mobile header, please see our documentation: Sticky header on mobile
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #main { /* Margin top value should be equal to header height*/ margin-top: 180px; } .responsive #top #wrap_all #header { position: fixed; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.Best regards,
MikeHey Gianluca,
On your page /welcome/ to hide the images in the posts try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.page-id-629 .template-blog .entry-content p img { display: none; }To have the small image the same proportions as the featured image try this css:
#top.page-id-629 .template-blog .small-preview { width: auto; height: auto; }After applying the css, please clear your browser cache and check.
This is the expected results:

Best regards,
MikeHey Andrés,
Please try disabling all of your plugins and caching and then clear your browser cache. Then try making the change, I believe you will find the error is due to a plugin conflict. Then enable your plugins one at a time and test your site, clearing your browser cache after each test until you find the one or combination of plugins causing this to identify this cause.Best regards,
MikeHi,
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,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av-masonry-item-with-image .main_color .site-background { background-color: transparent; }After applying the css, please clear your browser cache and check.
But you might find the gray text hard to see, so if you want to also change the text color try this css:.av-masonry-item-with-image .main_color .site-background { background-color: transparent; color: #fff; } .av-masonry-item-with-image .main_color h3.av-masonry-entry-title { color: #fff; }Best regards,
MikeHi,
What I am pointing out in your video (1:57) is when you switch your Advanced Layout Builder (ALB) page to a Block Editor page and then save:

this is not recommended and can cause frontend errors, there is no practical reason to do this, please inform your users to not do this.
Now (2:20) when you switch back from the saved Block Editor page to the ALB page, the two versions of the page are not synced.

I’m not sure why you want to save the ALB page in the Block Editor, but there is no practical reason to do this.
Nonetheless, I believe the core issue you are trying to demonstrate is that saving a Draft page and then Previewing the draft in another tab and refreshing the two tabs doesn’t show the same content. So I edited the draft test page from yesterday that I created which has never been saved as a Block Editor page in a video for you and linked it below.
I saved the draft and opened it in two tabs side-by-side:

and the content matched.
I edited the text again and reloaded both draft tabs:

and the content matched.
I even edited the draft a third time and previewed the refreshed page on the frontend in both tabs and then went back to the backend:

and again the content matched in both tabs:

So I was unable to reproduce the issue. As for your last comment that the first backend draft refresh was at 1:10 before the Block Editor was used, I would ask if you are sure that you have never saved this page with the Block Editor? I imagine that you have done this many times over many days in your testing.
I recommend creating a new page with the ALB and follow the steps in my video, and advise your users to not edit or save ALB pages with any other editor, as there is no practical reason to do so.Best regards,
MikeApril 16, 2023 at 12:13 am in reply to: Gravity Forms “Add Form” not appearing on classic editor when Enfold installed #1404567Hi,
Glad to hear that it works with the classic-editor plugin, since your plugin will only work with the classic-editor plugin please use it instead of the theme option.Best regards,
MikeHey fabienneRedUmb,
Do you mean this image:

it looks like it’s adding in your custom css, try looking for this code and remove:.main_color { background: #ffffff url(https://rubyrebelde.com/wp-content/uploads/2023/04/bg_pn-495x400.png) bottom right no-repeat fixed; }If you can’t find it try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .main_color { background: #ffffff; }If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.
Best regards,
Mike -
AuthorPosts


