Hey dallasstar08,
Thank you for your patience, try searching the customized css for this:

@media only screen and (min-width: 780px){
#top #header .av-main-nav li:nth-child(3) {
    margin-right: 150px;
}
}

margin-right: 150px; and change to 275px, then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Thanks for the feedback, it would be difficult to try to offer css solutions based only on images, please check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and your live site will stay up and running. You can always ask your webhost to help you with setting this up if you want.
Here are some screenshots of what it would look like:


Most webhosts offer this option but it may look difficult on your webhost.

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,
Thanks for the file, in my test the icons showed correctly:

Perhaps your zip file became corrupted during the upload to your site, try deleting it at Enfold Theme Options ▸ Import/Export ▸ Iconfont Manager and in your media library, then try uploading it again. If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

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