Hi,
You can add two rules, so remove the one above and add this instead:

@media only screen and (max-width: 767px) { 
    #top .av-siteloader-wrap {
    background-repeat: no-repeat;
    background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
    background-size: cover;
}
}
@media only screen and (min-width: 768px) { 
    #top .av-siteloader-wrap {
        background-repeat: no-repeat;
        background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
        background-position: 50% 100%;
        background-attachment: scroll;
        background-size: cover;
    }
}

then change the first image for mobile and the second for desktop, which means to use different images.
After applying the css, please clear your browser cache and check.

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,
Thank you for your patience, to follow the steps of adding a child theme and importing the parent theme settings, it should take no more than 5 minutes.
Please note that once your child theme is installed and activated and you followed Step 4: Import parent theme options in our documentation.
After this step save the theme settings (big blue button), reload the frontend, if it doesn’t look like your parent theme did then go to the theme settings again (not the back button) sometimes the big blue button will be blue again, so click it again to save again and check the frontend again and this time it should be correct.

Best regards,
Mike

Hi,
I’ll try to catch up where you are in this thread, I see you two custom ID’s named “mf-footer-mail” and “mf-footer-linkedin”

and I see that you have this css in your stylesheet:

@media only screen and (max-width: 767px) {
  #top #wrap_all #mf-footer-mail, #top #wrap_all #mf-footer-linkedin {
    width: 49%;
    float: left;
    margin-left: 1%;
  }
}

and this seems to be working correctly on every page that I check, so is there anything more to help with this?

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,
Thank you for you patience, please see our Mega Menu documentation at the bottom under CSS Reference and you will find some styling help.
Yet I see it doesn’t have one for mouse-over so please try this:

#top #header #avia-menu .avia_mega_div ul.sub-menu > li a:hover .avia-menu-text {
	color:red;
} 

Your About mega menu only has four columns:

currently each column has a width of 456.75px / 4 = 1827px which makes the mega menu nearly full width and the inner columns are set to left:0;
So you could use this css to try to “center” the inner columns so it doesn’t look like an empty fifth column:

#header .avia_mega_div.avia_mega4.twelve.units>.sub-menu {
    left: 20%!important;
}

or you could write a rule to set the width like Guenni007 suggested:

#header .avia_mega_div.avia_mega4.twelve.units {
    width: 1200px!important;
}
#header .avia_mega_menu_columns_4.three.units {
	width: 275px!important;
}

but you might need to write a few rules to adjust for the screen with.
Give each of these a try to see what will work best for you.

Best regards,
Mike

Hi,
Thank you for your patience, I believe that you have missed the slider option at: Testimonials ▸ Styling ▸ General Styling ▸ Testimonial Style

The slider shows one testimony at a time on desktop or mobile so if you set the Advanced > Responsive Settings > Element Visibility options to toggle the visibility of the element only on mobile it should work as you wish.
This is the example I created, linked below.

Best regards,
Mike

Hey Nicolas,
Thank you for your patience, but the login you posted is not working.
I tried to test this on a new install using an editor role and was able to use the Advanced Layout Builder on a Post and a Page without saving, I could add and edit elements creating a full page/post. What user role did you have trouble with?
Did you test by disabling your plugins?
Are you using any user role or security plugins?
Did you try multiple user logins to ensure it was not only one user with this error?

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

Hi,
Ok, to display the post meta data you either need to manually add the shortcode Yigit posted above to every post, which you don’t want to do, or change the Theme Options ▸ Blog Styling to one that shows the post meta data, the only issue you seem to have with this is that the excerpts are too short and the meta was above the excerpts, so I added this to your functions.php to make the excerpts longer:

add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
   $length = 300;
   return $length;
}

and this to more the blog grid meta below the excerpt:

function custom_script() { ?>
    <script>
(function($){
  $( '.slide-entry' ).each(function() {
  $( this ).find( '.slide-meta' ).insertAfter( $(this).find('.entry-footer'));
  });
 })(jQuery);
 </script>
    <?php
}
add_action('wp_footer', 'custom_script');

I believe that it is very close to matching, probably no one will notice the change:

and now the posts have the meta:

Best regards,
Mike

Hi,
Thanks for the screenshot, I see that Yigit’s css is meant to work up to 767px, which it does, at 768px is when the error begins until 990px
so please leave that css and include this css also:

@media only screen and (min-width: 768px) and (max-width: 989px) { 
#top .flex_column.av-b06jd-7aa723c4880ea8922c045f58448a9c6d, #top .flex_column.av-3yndl-7bbbd9cec1b3026b5be7583f5d30dfb1 {
  width: 50% !important;
  display: inline-block;
  float: none;
}
#top .flex_column.av-am57p-d4ca5034c8232c647ae2a808fa9f3665,#top .flex_column.av-49jyx-6d77460c89009f4c568b495af470f2f4  {
  width: 100% !important;
}	
}

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

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 Corina,
Please see this solution for the contentURL meta tag error.

Best regards,
Mike

Hi,
To have a transparent mobile header please use Yigit’s css above:

@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header { 
        position: absolute;
}
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
	background: transparent;
}
}

Now currently on desktop you have a fixed header that is transparent until you scroll, then it is blue, to have that blue transparent add the second css separately:

#top .header_bg {
  background-color: transparent;
}

Best regards,
Mike