Hi,
Do you mean the main menu nav bar, with equal space between the menu items, if so try this:

.responsive #header_main_alternate > .container {
	max-width: 100%;
	padding: 0;
}
.html_header_top.html_logo_center #top #header_main_alternate .main_menu ul:first-child {
    display: flex;
    justify-content: space-between;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I made some adjustments for mobile, please check.

Best regards,
Mike

Hi,
To change your social icons to images try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .social_bookmarks li:hover a {
  background: transparent !important;
}
#top .social_bookmarks li a:before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;

}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_instagram a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}
#top .social_bookmarks li.social_bookmarks_linkedin a:before {
  background: url(https://img.icons8.com/offices/30/000000/hot-air-balloon.png) center center no-repeat;
  background-size: contain;
}

and change the image urls to yours.
If you are going to use your own images you can change the height & width in the css above to make them the size you wish, if you are not going to use your own image you can change the font icon size with this css, adjusting to suit:

#top #wrap_all .social_bookmarks li a {
  width: 30px!important; 
  line-height: 30px!important; 
  min-height: 30px!important; 
  font-size: 20px!important; 
  }
  
  #top #wrap_all .social_bookmarks li {
  height: 20px!important; 
  width: 30px!important; 
  }
  
  #top #wrap_all .social_bookmarks {
      height: 60px!important;
  }

To change the colors try this css:

#top #wrap_all .av-social-link-facebook a,
#top #wrap_all .av-social-link-facebook:hover a {
    color: #fff;
    background-color: #37589b;
    text-decoration: none;
}  
#top #wrap_all .av-social-link-instagram a,
#top #wrap_all .av-social-link-instagram:hover a{
    color: #fff;
    background-color: #d92e7d;
    text-decoration: none;
}
#top #wrap_all .av-social-link-linkedin a,
#top #wrap_all .av-social-link-linkedin:hover a {
    color: #fff;
    background-color: #419cca;
    text-decoration: none;
}

Best regards,
Mike

Hey Cocoa,
Thanks for your question I’m not sure why, but I have asked the rest of the team for advice. In my test if the LayerSlider shortcode is added to a code block element the next/prev arrows do show, but the LayerSlider is not full width. We could probably make the code block full width, but let’s wait for the team to offer some advice first. Thank you for your patience.

Best regards,
Mike

Hi,
Thanks for the feedback, I disabled the above css for now and to ensure that I am understanding correctly, when I look at the example page I see that the header image and overlay text box is not 100% of the page, but it is 100% of the content area, leaving a margin on both sides, note that the overlay box comes to the edge of the content area:

With the above css removed your header image is to the left edge of the page content area, but the overlay box doesn’t extend to the right edge of the content area, so we only need to make the overlay box bigger, correct?

If so I got pretty close by changing the coluoms to 4/5 & 2/5 and using this css:

#homepage-banner .green-box {
	left: -15vw;
    z-index: 1;
}
.responsive #top #homepage-banner > .container {
	max-width: 100%;
	padding: 0;
}

#homepage-banner .avia-image-container .avia-image-container-inner img {
	width: 100%;
	right: -5vw;
}

try clearing your browser cache and see if this is closer, and try fine tuning the css to suit.

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,
Yes, the menu will be in the code, and if you want to change it in the future you would change the code.
Injecting the shortcode seems to depend on what elements are used on the page, for me it works fine on a product page or a post without a sidebar.
But the solution above works correctly and doesn’t break the layout, give this a try.

Best regards,
Mike

Hi,
Glad Günter 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 believe you are seeing this on single posts or archives with a sidebar, so to work with this try copying the html of the submenu, on my example post I used this:

<div id="sub_menu1" class="av-submenu-container main_color av-sticky-submenu container_wrap sidebar_right" style="z-index: 301; top: auto; position: absolute;"><div class="container av-menu-mobile-disabled av-submenu-pos-center"><ul id="av-custom-submenu-1" class="av-subnav-menu"><li class="menu-item menu-item-top-level menu-item-top-level-1"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 1</span></a></li><li class="menu-item menu-item-top-level menu-item-top-level-2"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 2</span></a></li></ul></div></div>

you will note that it is important to not have any line breaks in the html.
It is also important to copy the div before: <div class="clear"></div> and after: <div class="sticky_placeholder" style="height: 51.4375px;"></div>
To test you can use the code in my example below, this is the script to add to your child theme functions.php:

function custom_sub_menu_script() { ?>
  <script>
(function($){	
    var sub_menu = '<div class="clear"></div><div id="sub_menu1" class="av-submenu-container main_color av-sticky-submenu container_wrap sidebar_right" style="z-index: 301; top: auto; position: absolute;"><div class="container av-menu-mobile-disabled av-submenu-pos-center"><ul id="av-custom-submenu-1" class="av-subnav-menu"><li class="menu-item menu-item-top-level menu-item-top-level-1"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 1</span></a></li><li class="menu-item menu-item-top-level menu-item-top-level-2"><a href=""><span class="avia-bullet"></span><span class="avia-menu-text">Menu Item 2</span></a></li></ul></div></div><div class="sticky_placeholder" style="height: 51.4375px;"></div>';
  $('#top.archive,#top.single-post').each(function(){
    $(sub_menu).insertBefore( ".container_wrap_first" );
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_sub_menu_script');

this will show the submenu on single posts and archive pages, see the two links to my test pages below.

Best regards,
Mike

Hi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
I have not used the plugin before so I don’t know how it works, but when I check your site it don’t look like Enfold is active and the elements don’t seem to be Enfold elements.

Best regards,
Mike

Hi,
Thanks for the login, I found that you had Enfold Theme Options ▸ Performance ▸ Disable jQuery Migrate enabled, I disabled it for you now you don’t have the jQuery error. I also made some minor adjustments to the script, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this css:

.responsive #top #homepage-banner > .container {
	max-width: 100%;
	padding: 0;
}
#homepage-banner .av_two_third .avia-image-container-inner,
#homepage-banner .av_two_third .avia-image-container-inner img {
	width: 100%;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Intercettazioni,
Thanks for the links to your pages, but it doesn’t look like Enfold is activated and while you mention about photos we should see to understand the issues, I don’t see these photos.
Your site seems to be using the plugins elementor and VC composer, these are not compatible with Enfold, which uses it’s own built-in page builder.
There is not an easy way to convert these page builders the Enfold Advanced Layout Builder (ALB).
I recommend creating a clean WordPress install with only Enfold installed and then create your site, we can help with many customizations with our elements, but there may be some situations were there won’t be a one for one replacement for a elementor or VC composer element.

Best regards,
Mike

Hi,
Thanks for the feedback and for the video, I checked our demo page that you showed in the video in Windows in Chrome, Firefox, & Edge and I couldn’t see this.
I can barely see it in your video, are you using any browser extensions have you checked if your browser can be updated?
In the video of your site it is easier to see, but I can’t see your site live, I just get a 404 error, I see that you say it’s served on a localhost, will you be moving it to a live web server soon so we can see it?

Best regards,
Mike