i would try only this ( and get rid of the rest )

@media only screen and (max-width:550px) {
	.copyright {
		width: 100%;
		text-align: center;
	}

	.responsive #socket .sub_menu_socket {
	    margin: 0;
	}

	#socket .sub_menu_socket .menu {
	    position: relative;
	    display: block;
	    margin-left: 0 !important;
	    text-align: center;
	}
}

for some pages it might be necessary to have instead the last rule :

#socket .sub_menu_socket .menu {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    margin-left: 0 !important;
}

the best would be to see your site!

by the way: why not 768px breakpoint (max-width:767px) – the point where all the other things break?
Then you will have on ipad portrait the normal socket and centered below

i would have expected a svg file now, because chrome needs a lot of information, but a png should not cause any problems. I can’t confirm that either; I can see your logo on my Chrome/Mac.

after your logo img there is a noscript tag, which definitely does not originate from Enfold. So there already seems to be a third party script interfering.
So – if javascript is deactivated on your chrom – you will see that fallback.

yes – but please try to internalize what cg said. That was your syntax error.
you can write it as letter-spacing: 12px!important; as well but the space if is there had to be after the value

thats it

Unfortunately, this is simply about the German language. There is no superlative too current in analogy to only/unique.
Either something is up to date or not. Something cannot be more than up to date.
big – bigger – biggest that is ok. ;)

by the way: translation on German “Du” – (not formal) is: “Blog – Beiträge”

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

i installed 4.5.7 and there are some changings on that alb element.
So if you have a child-theme menu.php uploaded – this will come into conflict with the new settings.
in that case it maybe enough to delete that file. ( Save it first on your desktop)

by the way : if you like to have on logo ( non transparency one) a title tag too – add one line for it above:

function custom_logo_attriubtes(){
?>
<script>
(function($){
  $('.logo img').attr({ title:"custom_title", alt:"custom_alt" });
  $('.logo img.alternate').attr({ title:"transparent Logo", alt:"Alt Transparent" });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_attriubtes');

Edit : habe eben mal auf Deutsch Sie gestellt : auch da ist die Suchergebnis Seite auf Deutsch.

well that Logo is the alternate logo – set for transparency Option.
You can add alt and title attribute by child-theme functions.php:

function custom_alternate_logo_attriubtes(){
?>
<script>
(function($){
  $('.logo img.alternate').attr({ title:"Manchester Coach Hire Logo", alt:"Manchester Coach Hire" });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_alternate_logo_attriubtes');

maybe we use that class on html (avia_mobile) to only loose that nice animation on ipad and not on small screens:

@media only screen and (min-width:768px) and (max-width: 1024px) {
  .responsive.avia_mobile #top .avia-timeline-vertical .milestone_icon, 
  .responsive.avia_mobile #top .avia-timeline-vertical .av-milestone-indicator, 
  .responsive.avia_mobile #top .avia-timeline-vertical .av-milestone-icon-wrap:after {
    opacity: 1;
    transform: scale(1);
  }
}