Hi,
When I look at your example site the phone and mail icons are next to the text links, so to achieve this I changed your custom html widget

<ul class="contact1"><li class="phone"><span class="in1"><a href="tel://1-555-555-5555">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]1-555-555-5555</a></span></li>   <li class="mail"><span class="in1"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon] (Email address hidden if logged out) </a> <a href="#">Free Consultation</a></span></li></ul>

and added this css:

.in1 {display: inline-block !important; }
.contact1 ul,.contact2 ul {
	list-style: none!important; 
	list-style-type: none!important;
	vertical-align: bottom !important;
}
ul.contact1 li { 
	display: inline!important;
	vertical-align: bottom !important; 
}
.phone a,.mail a {
	font-size: 20px;
	line-height: 20px;
}

Please clear your browser cache and check, and feel free to adjust to suit.

Best regards,
Mike

Hi,
Sorry for the late reply, Try removing the other code and adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery( '#header_meta' ).each(function() {
  jQuery( this ).find( '.social_bookmarks_facebook' ).appendTo( "#av-burger-menu-ul" );
  });
  });
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

then add code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 479px){
.responsive #top #wrap_all #header .social_bookmarks,.responsive #top #wrap_all #header .phone-info  {
    display: block !important;
}
}

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the login, but it looks like you have already sorted out the widget area so it is inline with the logo. Is this resolved now?

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

Hi,
Glad to hear you have it sorted out now. Thanks for using Enfold.

Best regards,
Mike

Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
  background-color:transparent !important;
  }
  .header_color.av_header_transparency .header_bg, .header_color.av_header_transparency .main_menu ul ul, .header_color.av_header_transparency .main_menu .menu ul li a, .header_color.av_header_transparency .pointer_arrow_wrap .pointer_arrow, .header_color.av_header_transparency .avia_mega_div, .header_color.av_header_transparency .av-subnav-menu > li ul, .header_color.av_header_transparency .av-subnav-menu a {
  background-color:transparent !important;
  border-color: transparent !important; 
  }
  #top .header_color #header_meta.container_wrap_meta {
      background: transparent !important; 
  border-bottom-width: 0 !important; 
  }
  #top #header_main {
      border-bottom-width: 0 !important; 
  }
  #top .av_header_transparency #header_meta {
      border-bottom: 0 !important; 
  }
  #top #header_main.container_wrap {
  border-top-width: 0 !important; 
  }
 #header:not(.av_header_transparency) .av-hamburger {
  	    background-color: #fff;
  }

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad you were able to sort it out, 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

Hi,
Thanks @Ismael for the update, and glad @Ismael was 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

Hi,
Thank you for sharing your solution, and thanks for using Enfold.
We will close this now. 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

Hi,
I tried to login to 360baliexplore.com but was unable to, so for the icons and links in a footer widget where they would be stacked please try this code in a custom html widget:

<ul class="contact2"><li class="phone"><span class="in2"><a href="tel://1-555-555-5555">[ av_font_icon icon='ue854' font='entypo-fontello' size='20px'][ /av_font_icon]1-555-555-5555</a></span></li>   <li class="mail"><span class="in2"><a href="mailto: (Email address hidden if logged out) ">[ av_font_icon icon='ue805' font='entypo-fontello' size='20px'][ /av_font_icon] (Email address hidden if logged out) </a></span></li></ul>

for the icons and links in the topbar where they would be inline please try this code in the “Phone Number or small info text” field:

<ul class="contact1"><li class="phone"><span class="in1"><a href="tel://1-555-555-5555">[ av_font_icon icon='ue854' font='entypo-fontello' size='20px'][ /av_font_icon]1-555-555-5555</a></span></li>   <li class="mail"><span class="in1"><a href="mailto: (Email address hidden if logged out) ">[ av_font_icon icon='ue805' font='entypo-fontello' size='20px'][ /av_font_icon] (Email address hidden if logged out) </a></span></li></ul>

this is the css for both, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.in1 {display: inline-block !important; }
.contact1 ul,.contact2 ul {list-style: none!important; list-style-type: none!important;}
ul.contact1 li { display: inline!important;}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hey spidclic,
Sorry this is not a feature.

Best regards,
Mike

Hi,
Thank you for the login, but the Net Review widget code above doesn’t seem correct, I tried to add it to your Header1 widget area and planned to adjust it with some css, but it is giving a 403 error and doesn’t show anything so I can’t adjust it.
Please post the correct code or add to a footer widget so we can then move it to the header and adjust.

Best regards,
Mike

Hey andyux,
Thanks for the screenshots and the clear explanation and the login, I replaced your css with this:

h3 span.custom-trademark {
    vertical-align: text-top !important; 
    font-size: 50%!important;
}

Please 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

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