Tweaks

Hey adGroupMarketing,
Sorry for the late reply, I see from your screenshot that your browser width seems to be about 1024px, I also see that your mobile menu is active until about 988px, would you like the mobile menu to stay active until 1100px where the main menu will be all on one line?
If so please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none !important; 
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block !important; 
  }
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: auto;
    right: 0;
    display: block !important; 
}
.responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: none !important; 
}
}
@media only screen and (max-width: 1100px) and (min-width: 989px) {
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 150px !important;
    margin: 0;
}
}

To have less space between sub-menu items, please try this css:

#top #menu-supermarket-shop.av-subnav-menu > li > a {
    padding: 0px 5px 0px 5px !important; 
}

To make your sidebar widget bullet points a down arrow, please try this css:

#top .widget_nav_menu ul ul li:before {
    content: "\2BC6" !important; 
}

The missing social icons was due to a change the WordPress v5.2.3 core files, I have applied the patch to your site so they now show.
Please check these solutions and once you are satisfied we will look at your other issues, typically we ask that you create one thread for each issue because it makes it easier to address and for other users to find solutions, thank you for your understanding and patience.

Best regards,
Mike

Hi,
Thanks for the feedback, the ” less space between sub-menu items” code is for your “full width menu” originally there was 10px of padding for each menu item, now there is only 5px, in this screenshot the green marks are the menu item padding.

If I’m understanding the space issue correctly then try changing the “5px” in the code to “1px” for them to be even closer.

I see what you mean about the sidebar menu needing a drop-down for parent items now. So to add the arrow to only parent menu items and create a drop-down for the children items please try this css:

#top .widget_nav_menu ul li.menu-item-has-children > a:before {
    content: "\2BC6" !important;
}
#top .widget_nav_menu ul ul.sub-menu {
    display: none !important; 
}
#top .widget_nav_menu ul li.menu-item-has-children:hover ul.sub-menu {
    display: block !important; 
}

Best regards,
Mike

Hi,
To create a on-click drop-down menu from the sidebar menu widget please remove the css above, then try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_widget_menu_dropdown(){
  ?>
  <script>
(function($){
   $(document).ready(function(){ 
   		$('#menu-supermarket-shop-1 > li.menu-item-has-children').find('ul').hide();
        $('#menu-supermarket-shop-1 > li.menu-item-has-children').click(function () {  
            $('#menu-supermarket-shop-1 > li.menu-item-has-children').not(this).find('ul').hide();  
            $(this).find('ul').toggle();  
        });  
     });  
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_widget_menu_dropdown');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks, to only show the sub-menu on mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 768px) { 
#sub_menu1 {
	display: none !important;
}
}

To change the sub-menu text, Try adding this code to the end of your functions.php file in Appearance > Editor:

function supermarket_shop(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( "#sub_menu1 .av-current-placeholder" )
  .text( "supermarket shop" );
 });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'supermarket_shop');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike