Hi,
Glad to hear that you have this sorted out, 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 to hear that you have this sorted out, 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 to hear, if the layout was the same then you could use classes to achieve this, but your new page is not the same.
Are your additional pages going to use a grid element like the first page or a color section like this one?
On the first page the following element was a color section, on the new page it is two 1/2 columns, can you place these columns in a color section?

Best regards,
Mike

Hi,
Glad to hear, I Enabled the Avia Layout Builder Debugger and copied the section shortcode.
You can also use the WordPress Classic Editor shortcode wand in a default post or page to create an element and the shortcode will show in the Classic Editor for you to copy.

Note that full-width elements, such as the color section don’t always behave when nested in other elements such as widgets, so in the widget you see that I removed the color section container and added an html div to take it’s place.

Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Unfortunately, we don’t have a way to disable Enfold mobile styles globally, it would require editing the stylesheet of each element manually and would require a lot of time for a plugin that we don’t support or recommend.
Sorry but this is beyond our support scope.

Best regards,
Mike

Hi,
Thanks for the screenshots, try adding this css to your EN Quick CSS field in the theme options:
Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#top #wrap_all .avia-slideshow .av-slideshow-caption.av-l2g3x00n-d3eb9544f049e85bc61e9272b95ae46b__0 .avia-caption-title {
    font-size: 58px;
    color: #fff;
}
#top .avia-slideshow .av-slideshow-caption.av-l2g3x00n-d3eb9544f049e85bc61e9272b95ae46b__0 .avia-caption-content p {
    font-size: 28px;
}

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

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

Hi,
Glad to hear, try this instead

function custom_offset_script_with_width() { ?>
    <script>
(function($) {
  $('a[href*=#]:not([href=#])').click(function() {
  	var width = $(window).width()
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 10 //offsets for fixed header
        }, 1000);
        return false;
      } else {
      	$('html,body').animate({
          scrollTop: target.offset().top - 80 //offsets for fixed header
        }, 1000);
        return false;
      }
      } 
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 10 //offset height of header here too.
        }, 1000);
        return false;
      } else {
      	$('html,body').animate({
          scrollTop: target.offset().top - 80 //offset height of header here too.
        }, 1000);
        return false;
      }
      } 
    }
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_offset_script_with_width');

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

Hi,
Glad Nikko was 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 to hear that you have this sorted out, shall we close this then?

Best regards,
Mike

Hi,
Sorry we don’t have this, the import file is a WordPress xml file, see our documentation on How to manually import a theme demo. You could import the demo on your localhost and export it’s SQL, but the duplicator plugin would also do this and include the images and be easier, I would recommend trying this method.

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

Hi,
I see that this is an iframe inside a code block, you could use this css:

#main .avia_codeblock {
    height: 508px;
}

the first issue is that you should add a custom class to the code block element so this doesn’t effect other code blocks on other pages, add it like this:

#main .custom-class .avia_codeblock {
    height: 508px;
}

the second issue is that this height is not dynamic so if the iframe height changes often you will want to guess what the tallest height might be and use that.
With iframes you don’t have control of the inner content.
You could try a javascript solution.

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