Hi,
Thank you for the screenshots and link, this background image is hidden by this css in your Quick CSS:

.html_header_sticky_disabled .container_wrap:first-child,.avia-section.avia-full-stretch,.html_header_transparency .avia-section.avia-builder-el-0 {
    background-image: none;
}

Please try disabling it and clearing your cache.

Best regards,
Mike

Hey brouge,
I can not reproduce this on my demo install, please see the screenshot in the Private Content area, and check my demo link below.

Best regards,
Mike

Hey brouge,
Thank you for your question, but the Enfold contact for doesn’t offer this function, please try using Contact Form 7 with Contact Form 7 Multi-Step Forms instead.

Best regards,
Mike

Hey Markus,
Thank you for the link to your site, I added his css to your Quick CSS to correct:

.avia-slideshow-arrows a:before {
	padding: 0 !important;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login but I’m only getting a server error 500 when I try to login, please try disabling the iThemes Security plugin.
Now that I see your login url includes ?itsec-hb-token= I recognize your re-authorization issue as a result of using this option from the plugin, I believe that with this plugin you must delete it to restore the default settings, disabling it is not enough.

Best regards,
Mike

Hey hitrev,
Thank you for your patience and for the links, when I looked at your page the sub-menu items were not getting the “active-menu-item” class that the script you linked to was to add, but it did work when I injected it via the browser.
So I will assume that you will be adding this to your functions.php as it will be needed for the underline of the menu items when they reach the anchors.

function custom_script() { ?>
    <script>
jQuery(document).scroll(function() {
     var sections = jQuery('.avia-section'),
         menu   = jQuery('.av-submenu-container'),        
         nav_height = menu.outerHeight();
         jQuery(window).on('scroll', function() {
            var cur_pos = jQuery(this).scrollTop();
            sections.each(function() {
                var top = jQuery(this).offset().top - 300,
                    bottom = top + jQuery(this).outerHeight();
                if (cur_pos >= top && cur_pos <= bottom) {
                    menu.find('a').removeClass('active-menu-item');                    
                    menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
                }
            });
        });
    });
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Ok, so when I tested this I found that you had added the css for the gold background color:

.active-menu-item {
    background: gold!important
}

but as I understand you don’t want a background color but a white underline instead, so please replace with this:

#sub_menu1 #menu-main-menu .active-menu-item {
    display: inline-block;
    visibility: visible;
    border-bottom: 2px solid #fff;
    opacity: 1;
    padding-bottom: 6px;
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience and for the login and ftp access, but I’m having trouble installing the theme on your server, the pages and menu install and even though all of the images are on your server they are failing to import into the WordPress database, I’m not sure why this is. Please try updating your PHP to v7.4+ and set your PHP Time Limit to “No limit” and I will try again.

Best regards,
Mike

Hi,
Thank you for your patience, as I understand your request you would like your custom div “main-breadcumrs” to stay on top of the title bar as the page scrolls, so it scrolls away.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($) {
  $(function() {
     $('.main-breadcumrs').detach().insertBefore('.title_container');
     $('#main').css({ 'padding-top': '120px'});
  });
 })(jQuery);
 </script>
    <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Thank you for your patience, and the links, I believe this issue has to do with your featured images aspect ratios, most of your featured images are close to square, within a few hundred pixels, but the featured image of the post: How to spend your energy wisely in the next 6 months is much more landscape 2400×1260, so it was looking mush different, I downloaded it and cropped a copy of it for you to be more square 1560×1260 and now it looks like the others on your blog grid. Please give this a try with your other featured images.

Best regards,
Mike

Hi,
Your ssl is already installed, I changed your General Settings to reflect this and disabled your caching plugin and the site shows the demo is also already installed, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, I took a look and notice that you are using a child theme and the footer.php & single-event.php files are both out of date and can not be updated because they have the wrong file permissions

I also note that you have an error across the top of your site: The Events Calendar Shortcode PRO license needs to be activated. perhaps this is also an issue?
Have you tried disabling your plugins one at a time to see if there is a conflict with one?

Best regards,
Mike

Hi,
Thank you for the login but I couldn’t reproduce the missing orange background image on my Mac with Safari, I tried at many different sizes. On the backend the desktop and mobile versions of this section look the same, is there a difference that I’m missing to make you want to use two sections? Can you use just one section for mobile & desktop?

Best regards,
Mike

Hey julia_usn,
Thank you for your patience, for your first question I added this css to your WordPress ▸ Customize ▸ Additional CSS field and it seems to be working.

@media only screen and (min-height: 1279px) and (max-height: 1367px) {
@media only screen and (min-width: 1023px) and (max-width: 1025px) { 
	#top #av_section_1.av-minimum-height-55 > div > .container {
		height: 546px;
	}
  }
}

For your second question your background image size would need to be adjusted like this:

#top #av_section_1.av-minimum-height-20 {
	background-size: cover;
}

I added this for you.
For the third question, if you don’t want the title to be shown you can disable it in the layout sidebar of the page with “Impostazione Titolo Barra” option.
For the last question your footer already seems to be that color but you can hide it on mobile with this css:

@media only screen and (max-width: 767px) { 
	#footer {
		display: none;
	}
}

I did not add this.

Best regards,
Mike

Hey jnightingale,
Thank you for the link to your site, I note that you sent a non-ssl link http instead of a ssl link https are you sure that you are loggin in with https and during the import your not redirecting to http?
Try installing the Really Simple SSL plugin to force your site to use your ssl.
If this doesn’t help then please elevate the login you posted for us to Admin as currently we can not view the backend settings.

Best regards,
Mike

Hey Susanne,
Thank you for the link to your site, I see that you are using a child theme did you have a copy of the footer.php in your child theme, if so please see this sticky post.
If not then please include an admin login in the Private Content area.

Best regards,
Mike