Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey Antonio,
The setting that you are referring to uses css to hide the color section after page load, PHP can not determine the screen size of the device, since it is a server side code language. CSS is a client side code language that loads on the user device, but will not stop the video from being served. Another option would be Javascript, such as in this thread, but it is also a client side code language, while it can stop the load of the video as long as the Javascript runs first, but using a caching plugin like WPRocket may derfure the Javascript and cause it to not work. Most caching plugins force Javascript to run in the footer, but this would need to run in the header before the videos.
So ultimately you will be losing the render blocking of Javascript to gain the video from not loading, if your video is very large you will save on the page load, but otherwise you will see warnings that the Javascript is causing page render blocking.

Best regards,
Mike

Hi,
Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Glad that Rikard could assist, for further questions please open a new thread and we will be happy to assist.

Best regards,
Mike

Hey Patrycja,
Thanks for your question, glad to hear that you have a full backup prepared, including the database, while we don’t expect any issues updating from v4.8.3 to v7.1.3 (lastest version) since Enfold mantins a good backward compatibly, we would note that your PHP version, 7.4.33 is quite old and some plugins (if any) may not work well with PHP v8+ Enfold now uses PHP v8+ as well as WordPress so you should expect to also update this.
I recommend creating a staging site to test the update on.
Then on the staging site, disable all plugins including any caching plugin and server caching & the Enfold theme caching in the Performance theme settings.
Then update to v7.1.3, and reload the site on the frontend using the browser “hard reload” to clear the browser cache. This will help clear the “post-css” files which serve the css background images in the color sections (if used).
Then update your PHP to v8+, I recommend  the lower end like v8.2 or such, not the “bleeding edge” highest version like v8.5, you can test this later if you wish.
If you are using a child theme and have modified header.php, footer.php or any other core theme files in the child theme, please save these to your computer and remove them from the child theme, these will be different in the current version & will most likely cause an error when updating.
When you update, you may not be able to update though the theme panel “update” feature as just about v4.8.3 Envato (Themeforest) changed from the API key to the Token key, so the best approach is to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New, after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue. Then you will see the Theme updated successfully message.
After updating see our documentation for creating an Envato Token so future updates can be done in the theme panel.
If you try to update via FTP, do not try to overwrite the theme files, as this will leave old files behind and cause errors, you would need the delete the old theme directory and then upload the new one, using the WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New is the easiest solution.

Best regards,
Mike

Hi,
Sorry that we could not help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey Munford,
Your buttons are on top of each other due to position: absolute; in this custom css:

.priser .avia-button-wrap {
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

Try this instead:

.priser .avia-button-wrap {
    display: block;
    position: relative;
}

Best regards,
Mike

Hi,
Thanks for your patience, I found that this issue seems to only occur when videos are used in the slider. I opened a issue with the Dev Team for them to review, when we hear back we will post here.

Best regards,
Mike

Hey gquezada1,
To make the header transparent, choose the Transparent Header option for your page:

Then to make the header not sticky, go to Theme options > Header > Header Behavior > Sticky Header and unchoose:

This is the solution for desktop, transparent headers are not supported for mobile by default, for mobile you will need to follow this thread:

Best regards,
Mike

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey sitesme,
Try this css:

.avia_transform #top .avia-slideshow .avia-slideshow-slide .av-slideshow-caption {
	opacity: 0;
}
.avia_transform #top .avia-slideshow .avia-slideshow-slide.active-slide .av-slideshow-caption {
  animation-name: delayedSlideUp;
  animation-duration: 2s; /* 1s delay + 1s animation */
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes delayedSlideUp {
  /* 0% to 50% is the 1-second delay period */
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
    opacity: 0;
  }
  50% {
    transform: translate3d(0, 100%, 0);
    visibility: visible ;
    opacity: 1;
  }
  /* 50% to 100% is the 1-second slide-up animation */
  100% {
    transform: translate3d(0, 0, 0);
    visibility: visible ;
    opacity: 1;
  }
}

After applying it, please clear your browser cache and check.

Best regards,
Mike

Hey turkishmarket,
In your portfolio grid element you must choose the Open a preview of the entry (known as AJAX Portfolio) for the portfolio Preview Gallery to show.

I set this for you on your portfolio page and the first item (Trend Set 3 Pieces (1L)) now shows the Preview Gallery in the Ajax box when it is clicked. This is how this option works.

Best regards,
Mike

Hi,
Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey sitesme,
To make the font size 14px on both pages, add this css:

#top .av-inner-masonry-content .av-inner-masonry-content-pos-content .av-masonry-entry-content.entry-content {
	font-size: 14px;
}

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

Best regards,
Mike