i use WPML myself and the styling for each language is in my opinion a feature and not a bug.
the thing is that the whole enfold option page is per language.
So my advice is to make first all of the styling and then the content in different languages.

F.e if you put in the quick css of your page ( english Version) some entries – these entries aren’t automatically added to the other languages.
So if you like to have overall the same styling – and f.e. your are satisfied with the english version go and export on the englisch Enfold Options Page the theme-settings file.
Switch to the other languages and import that file for each language.

This is as i said for me a feature – because e.g. i can have a turkish and a german version of one site. the turkish prefer to have saturated colors on the other hand, germans like harmonious colors. ( please no generalization – but on the whole this might be true – see some turkish newspapers )
So the one could have high color contrast – the other not.
Same with font-family etc.

there must be additional settings concerning to your hover on hamburger menu in your page.

by the way if there is a prepend ( social_bookmarks on top) then the order is reversed.
Means on the left there is the last icon and on the right the first :

So my code above must be changed to the last ( it there are 3 icons ):

#av-burger-menu-ul li.social_icon_3 {
 padding-left: 40px
}

why the first menu point is on the same place i will have a look – but i guess it maybe only a clearing issue.
edit:

#av-burger-menu-ul .av-active-burger-items:not(.burger-social) {
    clear: left;
}

• This reply was modified 7 years, 2 months ago by Guenni007.

yes that is the line above from shortcodes.js and its calculation. it adds that css if window height is smaller than the sum of the other heights

do this in quick css:
and have a look:

#av-burger-menu-ul li.burger-social {
    float: left;
}

#av-burger-menu-ul li.burger-social a {
    padding: 10px !important;
    border-bottom: none !important;
}

#av-burger-menu-ul li.social_icon_1 {
 padding-left: 40px
}

but i think this looks better if you do not prependTo but apendTo
here:

…

$(socialString).each(function() {
				$(this).appendTo('#av-burger-menu-ul');
			});

same shit different name: with mediaquery (play with the values and determine the 480px if it is small enough etc.

@media only screen and (max-width: 480px) {
  .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
    width: 30px;
    height: 2px;
}
.av-hamburger-inner::before {
    top: -8px;
}
.av-hamburger-inner::after {
    bottom: -8px;
}
}

i have a lifetime license from WPML – but polylang seem to do a good job for / in enfold too

one after the other

1)

#menu-item-668 a .avia-menu-text {
    box-shadow: 2px 2px 5px #333;
}

…

now put in the widget:

<ul class="noLightbox social_bookmarks icon_count_4"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/UNITE4HUMANITY" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li><li class="social_bookmarks_instagram av-social-link-instagram social_icon_2"><a target="_blank" href="https://www.instagram.com/unite4humanity_/" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Instagram"><span class="avia_hidden_link_text">Instagram</span></a></li><li class="social_bookmarks_twitter av-social-link-twitter social_icon_3"><a target="_blank" href="https://twitter.com/Unite4Humanity_" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a></li><li class="social_bookmarks_youtube av-social-link-youtube social_icon_4"><a target="_blank" href="https://www.youtube.com/channel/UC3HWLg_brLlmepvvdGKm4SA" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Youtube"><span class="avia_hidden_link_text">Youtube</span></a></li></ul>

yes because you haven’t used the code tag here on board i have transfered your wrong quotation marks.

<ul class="noLightbox social_bookmarks icon_count_5">
<li class="social_bookmarks_mail av-social-link-mail social_icon_1"> (Email address hidden if logged out) ?subject=Inquiry from WGM Website"><span class="avia_hidden_link_text">Mail</span></li>
<li class="social_bookmarks_facebook av-social-link-facebook social_icon_2"><span class="avia_hidden_link_text">Facebook</span></li>
<li class="social_bookmarks_instagram av-social-link-instagram social_icon_3"><span class="avia_hidden_link_text">Instagram</span></li>
<li class="social_bookmarks_twitter av-social-link-twitter social_icon_4"><span class="avia_hidden_link_text">Twitter</span></li>
<li class="social_bookmarks_youtube av-social-link-youtube social_icon_5"><span class="avia_hidden_link_text">YouTube</span></li>
</ul>

your code has no closing tags at all.
a ul opens but not closing
a li the same try this :

<ul class=”noLightbox social_bookmarks icon_count_3″>
<li class=”social_bookmarks_mail av-social-link-mail social_icon_1″> (Email address hidden if logged out) ?subject=Inquiry from WGM Website”><span class=”avia_hidden_link_text”>Mail</span></li>
<li class=”social_bookmarks_linkedin av-social-link-linkedin social_icon_2″><span class=”avia_hidden_link_text”>Linkedin</span></li>
<li class=”social_bookmarks_youtube av-social-link-youtube social_icon_3″><span class=”avia_hidden_link_text”>YouTube</span></li>
</ul>

What did you do on touchscreens ?

can you try this in quick css :

#footer .social_bookmarks {
    position: relative;
    left: -8px;
    top: -15px;
}

#footer .social_bookmarks a::before {
    font-size: 20px;
    color: #fff !important;
}

maybe it is better to define the link color in your enfold options – general styling – footer : highlight color

you can insert it via functions.php of child-theme: (guess it is italian)

add_action('wp_head', 'insert_hreflang_info');
function insert_hreflang_info() {
?>
  <link rel="alternate" href="https://www.borgomummialla.com/" hreflang="it">
<?php
}

but i guess that the x-default is ok – it tells the bots that this is the default language
and if an international visitor ( someone else than italian or english) comes to your site it is redirected to the root directory

on my opinion this is the perfect setting !

the error is not the setting of the hreflang but that it is redirected to the /it/ page !

so your have here to decide what is your x-default :
maybe you test this better ( and i think for international visitors the english is better):

add_action('wp_head', 'insert_hreflang_info');
function insert_hreflang_info() {
?>
  <link rel="alternate" href="https://www.borgomummialla.com/en/"  hreflang="x-default">
<?php
}

Link: https://www.sistrix.com/ask-sistrix/onpage-optimisation/how-do-i-correctly-use-the-new-x-default-hreflang-link-attribute-for-international-targets/

so here a bit optimised:

all comes to functions.php of your child theme:

here a debounce function – easy to use ( if you have a resize function – only replace resize with smartresize)
here is a timing of 250ms preselected

function add_debounce_function(){
?>
<script>
(function($,sr){
    var debounce = function (func, threshold, execAsap) {
        var timeout;
        return function debounced () {
            var obj = this, args = arguments;
            function delayed () {
                if (!execAsap)
                    func.apply(obj, args);
                timeout = null;
            };
            if (timeout)
                clearTimeout(timeout);
            else if (execAsap)
                func.apply(obj, args);
            timeout = setTimeout(delayed, threshold || 250);
        };
    }
    jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
</script>
<?php
}
add_action('wp_footer', 'add_debounce_function');

and the code now ( give to the parent container of iframe the class spezialyoutube )

function custom_video_embed_script(){
?>
<script>
  (function( $ ) {
      "use strict";
      $(function() {
      var $allVideos = $(".spezialyoutube iframe[src*='www.youtube.com']"),
      $fluidEl = $(".spezialyoutube");
      $allVideos.each(function() {
      $(this)
        .data('aspectRatio', this.height / this.width)
        .removeAttr('height')
        .removeAttr('width');
      });

      $(window).smartresize(function () {
      var newWidth = $fluidEl.width();
      $allVideos.each(function() {
      var $el = $(this);
          $el
          .width(newWidth)
          .height(newWidth * $el.data('aspectRatio'));
          });
        }).resize();
    });
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'custom_video_embed_script');

see: https://webers-testseite.de/weber/youtube-windows/

i think there will be only a jquery solution – and that is sad it has to be a function that will check the screen width:
Source: https://css-tricks.com/fluid-width-youtube-videos/

this to functions.php of your child theme:
the thing is we had to find the parent container of the youtube videos in your installation ( i suposed it could be wpb_wrapper)

this is the only line to be adjusted: $fluidEl = $(".wpb_wrapper");

function custom_youtube_script(){
?>
<script>
  (function( $ ) {
      "use strict";
		$(function() {
			var $allVideos = $("iframe[src^='https://www.youtube.com']"),
			    // The element that is fluid width
			    $fluidEl = $(".wpb_wrapper");

				$allVideos.each(function() {

					$(this)
						.data('aspectRatio', this.height / this.width)
						.removeAttr('height')
						.removeAttr('width');

				});

				$(window).resize(function() {

					var newWidth = $fluidEl.width();
					$allVideos.each(function() {

						var $el = $(this);
						$el
							.width(newWidth)
							.height(newWidth * $el.data('aspectRatio'));
					});
				}).resize();
		});
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'custom_youtube_script');