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');

Well on your starting page i see this in your head section :
click to enlarge:

the point is that the surrounding parent content container gets a padding-top/padding-bottom of 50px

in your case this would be the css rule : .page-id-19 #after_layer_slider_1 .content {padding: 0!important}
but if you don’t like to look always what is the name of that given container (after-section1 etc. ) you can do this :
assign the hr element a custom-class called : nopadding and this comes
into functions.php of your child-theme:

function padding_to_parent_of_hr_nopadding(){
?>
<script>
(function($){
	$('div.hr.nopadding').closest('.content').css({"padding": "0", "min-height": "0px"  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'padding_to_parent_of_hr_nopadding');

from now on every hr which has the class nopadding will transfer to its nearest parent content those values

is it always the same content ?

there is for example a hook just before footer (ava_before_footer) you can use it to insert shortcode ( f.e. from alb elements)

add_action('ava_before_footer', function() {
echo '<div class="avia-section main_color special-one"><div class="container">';
echo do_shortcode("
[av_postslider link='category,1,14,15' wc_prod_visible='' prod_order_by='' prod_order='' columns='3' items='-1' offset='0' contents='no' preview_mode='auto' image_size='portfolio' autoplay='yes' interval='5' custom_class='']
");
echo '</div></div>';
});

you see here the long tail is the shortcode from a post-slider – : you know how to get it from debug mode ?
the rest is to have the same parameters as a color-section

• This reply was modified 6 years, 10 months ago by Guenni007.