Hi,
It looks like the social icons are shortcode in a text widget, if this is correct please try recreating them from scratch and then use a “Custom HTML” widget.

Best regards,
Mike

Hey lifefitnessnz,
Sorry for the late reply, as I understand your question you would like 3 custom social media icons in a row in your footer widget.
For this I recommend using the “Custom HTML” widget and add the Icon element shortcode to it, to get the shortcode open a new post using the Classic Editor and choose Icon from the shortcode wand tool:

Then create each of your icons and design to suit adding your links and in the developer section add a custom class such as “footer-icons”

then add the shortcode to your widget:

This is the shortcode I used in this example:

[av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,#' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
[av_font_icon icon='ue8f2' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,#' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]
[av_font_icon icon='ue8ec' font='entypo-fontello' style='' caption='' size='40px' position='left' color='' link='manually,#' linktarget='' animation='' id='' custom_class='footer-icons' av_uid='' admin_preview_bg=''][/av_font_icon]

This is the result:

They should show in a row.
If you wish to use the image element instead, follow the same steps with the image shortcode and be sure to add the custom class and if your images show as a column like this:

then add this css to your Enfold Theme Options > General Styling > Quick CSS field

#footer .widget_text .custom-html-widget .footer-icons {
	display: inline !important; 
}

which should correct to a row:

If this doesn’t help then please create an example and link to it so we can help adjust your css.

Best regards,
Mike

Hi Helle,

I can see the social links in the socket fine on my end, and you don’t have any social icons added in your footer widgets. If you are not seeing that on your end then please try to load the site in an incognito/private window to see if that helps.

Best regards,
Rikard

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,

Thank you following up.

Would you like to remove the social icons on mobile view? If so, then you can use the following css code; it will also move the mobile menu further to the right beside the header widget.

@media only screen and (max-width: 767px) {
    .responsive #top #header #header_main nav .social_bookmarks {
	display: none;
    }

    .avia-menu.av_menu_icon_beside {
	padding-right: 13px;
	padding-left: 13px;
    }
}

Best regards,
Ismael