Hi,
Sorry for the late reply, the best solution, in this case, is to create a second slider for mobile devices. You can clone your desktop version and then adjust the canvas size to match mobile, that is to make it taller than wide 425px x 168px or how ever tall you wish it to be.

Then you can make your text and buttons larger and align them on the page as you like.
Then you can use css to hide and show the two sliders depending on the screen size, for example:

@media only screen and (min-width: 768px) {
    #layerslider-1 {
        display: block !important;
    }
    #layerslider-2 {
    display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    #layerslider-2 {
        display: block !important;
    }
    #layerslider-1 {
    display: none !important;
    }
}

If you would like help with the css please create the slider and include admin login in the Private Content area so we can examine the sectors and write the css.

Best regards,
Mike

Hi,
Sorry for the late reply, I was able to add your product to the coupon only by entering the slug “Quartz-banger-1”
if I entered only “Quartz” it would not show, odd.
Anyways now you can fill out the other fields and start using it.
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Sorry for the late reply, Please include an admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the link. This occurs because the “Home” menu item url points to “/#top” and not the url of your frontpage. To correct this Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-685 header_color .main_menu ul:first-child > li > a,#top.page-id-685 .header_color .main_menu ul:first-child > li.current-menu-item > a {
	    color: #505050 !important; 
}
#top.page-id-685 .header_color .avia-menu-fx {
	    background-color: transparent !important; 
}

Best regards,
Mike

Hey Jak73,
Sorry for the late reply, for the layerslider the best option, in this case, is to create two layersliders, one for desktop and one for mobile, ensuring that the canvas of the slider is the same ratio as a mobile device. That is taller than wide.
Then use a css media query to show & hide them for the proper device, for example:

@media only screen and (min-width: 768px) {
    #layerslider-1 {
        display: block !important;
    }
    #layerslider-2 {
    display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    #layerslider-2 {
        display: block !important;
    }
    #layerslider-1 {
    display: none !important;
    }
}

If you would like some help with the css to do this, please create your mobile layerslider and include both sliders on a test page so we can examine the sectors.

Best regards,
Mike

Hi,
Sorry for the late reply, yes you can use the media queries to show different elements for different screen sizes, while hiding others. I examined your page and found that you are doing this now with the “screen options” in the elements for two sections #av-masonry-1 & #av-masonry-2
Please see the screenshot in Private Content area.
So I will use this as an example so you could use the following css in the Quick CSS instead of the screen options:

@media only screen and (min-width: 768px) {
    #av-masonry-1 {
        display: block !important;
    }
    #av-masonry-2 {
    display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    #av-masonry-2 {
        display: block !important;
    }
    #av-masonry-1 {
    display: none !important;
    }
}

I hope this example helps to make this tactic clearer, please let us know if we can be of more help.

Best regards,
Mike

Hi,
Sorry for the late reply, when I view your site the video is working for me every time. I followed @Guenni007’s suggestions and tried this css which placed a centered image in the video overlay, please try adding it to your Quick CSS:

#top.page-id-40931 #full_slider_1 .av-click-overlay {
    background-color: transparent;
    opacity: 0.6;
    background-image: url(https://qsk52xngql-flywheel.netdna-ssl.com/wp-content/uploads/2019/08/High.jpg);
    background-repeat: no-repeat;
    background-position: 50% 30%;
}

Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
Sorry for the late reply and for the test page.
I saw that your page content was doubling up on that page so I Enabled Avia Layout Builder Debugger and the shortcode parser found errors in the shortcode structure, so I ran the auto fix and now your page is fixed.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, for your “Impressum” and “Darenschutz” in the footer, this script will highlight the footer menu items based on if the top bar menu links are highlighted.
I was not sure what styling you wanted for the footer menu so I made it the same red.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_footer_menu_script(){
  ?>
  <script>
(function($){
  $(function() {
   if ($('#menu-item-30').hasClass('current-menu-item')) {
      $('#menu-item-28 a').css('color', '#69183c');
    }
    else if ($('#menu-item-31').hasClass('current-menu-item')) {
      $('#menu-item-29 a').css('color', '#69183c');
    }else{
    }
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_footer_menu_script');

Best regards,
Mike

Hi,
Thank you, I do not see an admin login in the Private Content area, please try again.
If you also include FTP access I will upload the latest beta version for you.

Best regards,
Mike

Hi,
Glad to hear @JoeSurf, 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

Hey AB,
Entschuldigung für die verspätete Antwort. Wenn ich richtig verstanden habe, dass Sie Enfold v4.5.3 mit Woocommerce verwenden, gab es ein Problem mit dieser Version. Bitte aktualisieren Sie auf v4.5.7
Leider müssen Sie mit v4.5.3 über FTP aktualisieren.
Der einfachste und sicherste Weg, dies zu tun, besteht darin, die neueste Version von Theme Forest herunterzuladen und Ihr aktuelles Thema per FTP in “Enfold-Old” umzubenennen. Laden Sie dann das neue “Enfold” hoch und überprüfen Sie, ob Ihre Site ordnungsgemäß funktioniert.
Wenn Sie zufrieden sind, können Sie das “Enfold-Old” über FTP löschen (nicht die WP-Themenseite).
Wenn Sie aus irgendeinem Grund ein Rollback auf die alte Version durchführen möchten, ist dies ganz einfach. Benennen Sie das neue “Enfold” einfach über FTP in “Enfold-New” um und benennen Sie es dann in “Enfold” um und aktualisieren Sie es anschließend Seite.
Bitte versuchen Sie nicht, den Themenordner zu überschreiben, da dies alte Dateien hinterlässt und Fehler verursacht.

Wenn Sie sich dabei nicht wohl fühlen, können wir Ihnen behilflich sein. Wir benötigen jedoch einen Administrator-Login und einen FTP-Zugang im Bereich Private Inhalte.

— Translated with Google —

Sorry for the late reply, If I understand correctly you are using Enfold v4.5.3 with Woocommerce, we did have an issue with this version, please update to v4.5.7
Unfortunately, with v4.5.3 you must update via FTP.
The easiest and safest way to do this is to download the newest version from Theme Forest and rename your current theme to “enfold-old” via ftp then upload the new “enfold” and check that your site is working correctly.
Once you are happy you can delete the “enfold-old” via ftp, (not the WP theme page)
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

If you do not feel comfortable doing this we can assist, but we will need an admin login and FTP access in the Private Content area.

Best regards,
Mike

Hi,
Thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-44 .av_toggle_section .activeTitle {
	 border-bottom-color: #0077ff !important;
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the link, as I understand, when you click the pagination that is below the grid blog element, the top two post will be hidden. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.page-id-15.paged .post-entry-type-standard {
    display: none !important;  
}

Best regards,
Mike

Hi,
Glad to hear that it helped, for your demo import, is the “frontpage” page getting set in the theme options after the import?

Sometimes this field is not set so the frontpage is not looking correct, please check. If the images are not importing also this could be a PHP setting, Please ask your webhost to check your PHP settings to see if the secure options are activated.
“allow_url_fopen, “allow_url_include” and “register_globals” are “off”
Try turning these “on”.

Best regards,
Mike