Hi,
Glad we were able to help, 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

Hi,
Sorry for the late reply, instead of using the Desktop, Tablet, & Mobile settings you can use css media queries which will give you far more control, for example iPad Mini landscape would look like:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

on the page I linked to you will find many good examples that will target specific devices, and you can set the numbers to any size.
But in my experience targeting certain layers in the layerslider can be tricky, I recommend creating a duplicate of your slider with the layers the way you want them for these devices and use the media queries to show or hide the sliders, this approach works well because you don’t have to take into account the slider’s animation.
If you create a demo page with several sliders for the different screen sizes we could assist with the media queries so you can see how this would work.

Best regards,
Mike

Hey sabrina_noske,
Entschuldigen Sie die verspätete Antwort. Bitte versuchen Sie diesen Code im Feld Allgemeines Styling> Schnelles CSS oder im Feld WordPress> Anpassen> Zusätzliches CSS

— Translated with Google —

Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1193px) 
and (orientation : landscape) {
#top.home #full_slider_1 {
	top:98px !important; 
}
}

Best regards,
Mike

Hi,
Sorry for the late reply, this is a WordPress widget, found at: \wp-includes\widgets\class-wp-widget-rss.php starting on line 10.
You will notice if you activate the twentynineteen theme the same widget is available.

Best regards,
Mike

Hi,
Thank you for the screenshot, I added another line brake in the javascript only when the screen width is smaller than 768px:

/* Breadcrumbs above the image */
//move breadcrumbs above post title
function move_breadcrumb_below_title() {
	?>
		<script type="text/javascript">
		(function($) {
			function a() {
				var width = $(window).width()
                $('#top.single #main .avia-breadcrumbs').detach().insertBefore('h1.post-title.entry-title');
                if ((width <= 768)) {
                $('#top.single #main .avia-breadcrumbs').append('<br/><br/>');
                } else {
                	$('#top.single #main .avia-breadcrumbs').append('<br/>');
                }
			}
	
			a();
		})(jQuery);
		</script>
	<?php
	}
add_action('wp_footer', 'move_breadcrumb_below_title');

Please note that when you test this you will have to reload the page for each screen width because the javascript loads on page load. This should be fine for real devices because the screen widths don’t naturally change from desktop to mobile.

Best regards,
Mike

Hi,
Thank you for the login, it looks like the images are not showing because of your Smush Pro “lazyLoad”, please try disabling lazyload.

Best regards,
Mike

Hey jfga1969,
I found the solution here and tested the function to ensure that it works:

add_filter( 'woocommerce_thankyou_order_received_text', 'wpb_thankyou' );
function wpb_thankyou() {
	$added_text = '<p>You can access the PDF Download from the <a href="/account-page">My Account Page</a>.</p>';
	return $added_text ;
}

Please adjust to suit.

Best regards,
Mike

Hi,
I took a look at the link you provided above and found it to work correctly, I also tested many other internal links on your site and they also worked. Please clear your browser cache and check again.

Best regards,
Mike

Hi,
Thanks, @ichtarzan for sharing the solution you found.

Best regards,
Mike

Hi,
Thank you for the login and screenshot, to add more space please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #header_main .inner-container {
	height: 90% !important;
}

Please feel free to adjust to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
It looks like you are using the same avia-builder-el-[number] for every page, but it will be different for every page and these numbers will change as you add or change elements. So lets use avia-builder-el-first & avia-builder-el-last instead, this represents the two columns with in the color sections.
We also know that we only need to change the second & forth color sections as long as each page follows the same left & right direction.
So please try this css instead:

@media only screen and (max-width: 767px) { 
  #top.page-id-2927 .post-entry-2927 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.page-id-2927 #av_section_2 .flex_column.avia-builder-el-first {
      order: 2 !important;  
}
  #top.page-id-2927 #av_section_2 .flex_column.avia-builder-el-last {
      order: 1 !important;  
}
  #top.page-id-2927 #av_section_4 .flex_column.avia-builder-el-last {
      order: 3 !important;  
}
  #top.page-id-2927 #av_section_4 .flex_column.avia-builder-el-first {
      order: 4 !important;  
}
#top.page-id-2950 .post-entry-2950 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
#top.page-id-2950 #av_section_2 .flex_column.avia-builder-el-first {
      order: 2 !important;  
}
  #top.page-id-2950 #av_section_2 .flex_column.avia-builder-el-last {
      order: 1 !important;  
}
  #top.page-id-2950 #av_section_4 .flex_column.avia-builder-el-last {
      order: 3 !important;  
}
  #top.page-id-2950 #av_section_4 .flex_column.avia-builder-el-first {
      order: 4 !important;  
}
#top.page-id-2982 .post-entry-2982 .entry-content-wrapper {
  display: flex !important; 
  flex-wrap: wrap !important;  
}
#top.page-id-2982 #av_section_2 .flex_column.avia-builder-el-first {
      order: 2 !important;  
}
  #top.page-id-2982 #av_section_2 .flex_column.avia-builder-el-last {
      order: 1 !important;  
}
  #top.page-id-2982 #av_section_4 .flex_column.avia-builder-el-last {
      order: 3 !important;  
}
  #top.page-id-2982 #av_section_4 .flex_column.avia-builder-el-first {
      order: 4 !important;  
}
}

Best regards,
Mike

Hi,
I tried adjusting again, with this solution I added a little fade animation to hide the transformation,
this is the new functions.php code:

function custom_logo_script(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll >= 1) {
          $("#header").addClass('scrolled');
      } else {
         $("#header").removeClass('scrolled');
      }
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_script');

this is the new css:

#header.av_header_transparency #header_main .av-logo-container .inner-container {
height: 175% !important;
overflow: visible;
  animation-name: fadeInOpacity!important; 
  animation-timing-function: ease-in !important; 
  animation-duration: 1.5s!important; 
}
#top #header.scrolled img.alternate{
        -webkit-animation-name: slideDown;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards;
 
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideDown{
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 0;
  }
}

please clear your browser cache and check.

Best regards,
Mike

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

@media only screen and (max-width: 430px){
#top.page-id-17448 #wrap_all #main .avia-slide-wrap {
    height: auto !important; 
    margin-top: 60px !important; 
}
#top.page-id-17448 #wrap_all #main .av-special-heading-h3.avia-builder-el-2 {
	margin-top: 10px !important; 
}
}

There is a known WordPress issue that it doesn’t always show our builder correctly in the preview, sometimes disabling the block editor and using the Classic Editor solves. I recommend saving your page with the Visibility set to private if you don’t want it visible to the public and checking that way.

For your LearnDash shortcode [course_content course_id="1"] I believe that this shortcode belongs with the Uncanny LP addon, please see here for the list of shortcodes, yet it seems that the LearnDash shortcode is [ld_course_list num="1"] please see here for the list of shortcodes
I don’t have any experience with LearnDash, but this is what my research returned.

Best regards,
Mike

Hi,
Thank you, I’m trying to research this more, thank you for your patience.

Best regards,
Mike

Hi,
I added this to our feature request for the dev team.

Best regards,
Mike