HankeTM

Оба этих изображения в формате webp.

Вероятно кто-то руками переименовал расширение webp в jpg. Safari с webp не дружит, потому в iOs всё валится

вот подробный урок по wp убиранию циклических ссылок 9seo.ru/kak-udalit-ciklicheskie-ssylki

Какая разница, JS это или display:none, оно все равно загрузится (пожрет трафик) пользователю.

Отдавать именно разные куски кода (или даже разные шаблоны) - это к бэкэнду.

Хорошо бы подумать почему это меню сделано разными блоками, почему это не один и тот же блок, просто расположенный в разных местах с помощью media запросов?

<a href="#" class="video" data-src="https://www.youtube.com/embed/1ugivNRYfjc?autoplay=1">Открыть видео #1</a>

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('.video').click(function(e) {
		e.preventDefault();
		var src = $(this).data('src');
		$(this).html('<iframe width="560" height="315" src="'+src+'" frameborder="0" allowfullscreen></iframe>'); 
	});
});
</script>

https://jsfiddle.net/3p9Lntkr/1/