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,
Sorry, the Image List doesn’t display the captions, please use the Gallery option.

Best regards,
Mike

Hey Julio,
Sorry that I was not clear how the page ID works, each page & post on your site has a page-id- or postid- in the body tag, which has the ID of Top, this is what the “scroll to the top” arrow points to, so this was not a custom class, when you want to make a css rule for a specific page or post you will want to use a page-id- or postid-
Your new post ID is: postid-3940 so the new css would be:
#top.postid-3940 .epyt-gallery-list {display:none;}
Here is a good tutorial if you want to read more about this: How to Find Your WordPress Page ID and Post ID

Best regards,
Mike

Hi,
Thank you for your patience, your tweets are displayed for me when I disable my ad-blocker, I can post a screenshot if you wish.
Try disabling any browser ad-blocker, cookie-blocker, or “don’t track me” options, if you are using Safari then this is built-in and on by default, Safari also blocks FB by default now.

Best regards,
Mike

Hi,
Sorry to hear that, but hopefully you will hear back from them soon. 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

Hey Steffen,
Thanks for the link to the demo, but I was not able to create this in the layerslider, I’m not that good with it. But I was able to get pretty close with html, css, & jQuery, I linked to an example in the Private Content area. To create this I used a color section with the min height set to 100% on a page with no sidebar and a transparent header, I then added a code block in the color section with this code in it:

<script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('.image-main .nav-mainarea-item').bind('mouseover', function(){
    var myEm = $(this).attr('data-img');
    $('.image-main img').removeClass('is-visible');
    $('.image-main img[data-img = '+myEm+']').addClass('is-visible');
});
})(jQuery);
 });
</script>
<style>
.nav-mainarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    z-index: 100;
}
.nav-mainarea .nav-mainarea-item {
display: flex;
    transition: all .3s ease-out;
    width: 25%;
    height: 100%;
    border-right: 1px solid rgba(255,255,255,.5);
    padding: 30px;
    text-decoration: none;
}
.nav-mainarea .nav-mainarea-item .nav-mainarea-text {
    margin-top: auto;
    color: #000;
    transition: all .3s ease-out;
}
.nav-mainarea .nav-mainarea-item h2 {
    margin: 0;
    line-height: 1.6;
    color: #ca0202;
}
.nav-mainarea .nav-mainarea-item:hover .nav-mainarea-text {
    transform: translateY(-45vh);
    
}
.nav-mainarea .nav-mainarea-item:hover {
    text-decoration: none;
}

#top.page-id-3157 #av_section_1 > .container {
	max-width: 2500px;
	width: 100%;
	padding: 0;
}
.image-main img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: 0;
    z-index: 1;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.image-main img.is-visible {
    opacity: 1;
    z-index: 1;
    display:block;
}
</style>

<div class="image-main">
<img class="nav is-visible" data-img="1" src="../wp-content/uploads/2022/03/PhotoRag_Metallic_Mood.jpg">
<img class="nav" data-img="2" src="../wp-content/uploads/2022/03/RS171_Hahnemuehle__3_-lpr.jpg">
<img class="nav" data-img="3" src="../wp-content/uploads/2022/03/Hahnemuehle_Notebook_Iconic_A5_Schwarz-black_and_taupe_mood_web.jpg">
<img class="nav" data-img="4" src="../wp-content/uploads/2022/03/hfa_filtration.jpg">

<div class="nav-mainarea">                                 
    <a class="nav-mainarea-item nav" data-img="1" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Digital FineArt</h2>
                
            Turning images into Art
        </div>
    </a>

    <a class="nav-mainarea-item nav" data-img="2" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Artist Papers</h2>
                
            The Art of Expression
        </div>
    </a>

    <a class="nav-mainarea-item nav" data-img="3" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Stationery</h2>
                
            Notebooks & Writing Instruments
        </div>
    </a>

    <a class="nav-mainarea-item nav" data-img="4" href="#">
        <div class="nav-mainarea-text">
            
                    <h2>Filtration</h2>
                
            Technical Applications
        </div>
    </a>             
</div>
</div>

This code includes the html, css, & jQuery one in one, you will need to adjust the image urls to your images and if you want to add links. The background image changes on mouse-over.

Best regards,
Mike

Hi,
To make the above solution work on the one page only please adjust to this:

@media only screen and (max-width:767px) {
  #top.page-id-600 .av_one_third .avia-video {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80%;
  }
}

Best regards,
Mike

Hi,
Glad we were able to help, and special thanks to Guenni007 for originally suggesting this plugin to help you. 🙂 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,
Thanks for the screenshots, I was able to borrow an iPhone 7 and test your page on Safari and found that the video was not playing on the first tap like you said, but on my Android it was working. So as I looked around your site I found that the plugin Embed Plus Plugin for YouTube has a setting iOS Playback and this setting adds the &playsinline=1 parameter automatically

so I enabled this option and removed my manually added parameter and tested on iPhone 7 Safari & Android Chrome and in both the video plays on the first tap.
please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

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,
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

Hey Jonah Schrogin,
Thanks for your question, I believe you are referring to the Ajax Portfolio Preview Settings, the Image List doesn’t display the captions, please use the Gallery option.
I see that you are using v4.1.2 with the latest WordPress version, please note that this version of Enfold was released before WordPress v5 and could lead to issues and the automatic updater will not work, please consider updating to the latest version v4.9
To update your version of Enfold you will need to download the latest 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.

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

Hey Michael,
To have one page show a different menu than the other pages, Try this function to the end of your functions.php file in Appearance ▸ Editor:

add_filter( 'wp_nav_menu_args', 'custom_nav_menu_args' );
function custom_nav_menu_args( $args = '' ) {
if($args['theme_location'] === 'avia') {
if( is_page( 626 ) ) {
$args['menu'] = 'Footer Menu';
}
return $args;
}
}

you will need to change the page ID and the menu to show.

Best regards,
Mike

Hi,
Thanks for the screenshot and the link to your site, when I test this on your site the page scrolls up to the error for me, using Windows & Chrome.
But this script will copy the error message to under the checkout button if your page is not scrolling.
Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function woocommerce_NoticeGroup_checkout() { ?>
    <script>
(function ($) {
$('#place_order').on('click',function(){
setTimeout(function(){
	if ($('.woocommerce-checkout').children().hasClass('woocommerce-NoticeGroup-checkout')) {
		$( ".woocommerce-NoticeGroup-checkout" ).clone().insertAfter( "#place_order" ).css({'margin-top':'80px'});
	} else {}
},1000);		
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'woocommerce_NoticeGroup_checkout');

Best regards,
Mike