Дмитрий Антонов

https://jsfiddle.net/hngLudrg/10/
Пользуйтесь

Я как понял вы Less используете с методологией БЭМ )) . что он у вас преобразует в css ? как выглядит медиа запрос ?

@media screen and (min-width:480px) {

}

Берешь PSD и используешь Методологию БЭМ и все сам верстаешь.

jQuery(document).ready(function($) {
	var li = $('li');
	li.each(function() {
		var a = $(this).width();
		alert(a);
	});
});

Он не может учитывать блок #absolute т.к он не в потоке документа.

Ну сейчас бы я сделал бы как то так... Правда это уже БЭМ

<header class="header">

	<nav class="menu">
		<div class="menu__inner">

			<ul class="menu__wrapper">
				<li class="menu__item"><a href="" class="menu__link menu__link--active">1 Пункт</a></li>
				<li class="menu__item"><a href="" class="menu__link">2 Пункт</a></li>
				<li class="menu__item"><a href="" class="menu__link">3 Пункт</a></li>
				<li class="menu__item"><a href="" class="menu__link">4 Пункт</a></li>
			</ul>

		</div>
	</nav>

	<div class="header__bottom">
		
		<div class="logo">
			<div class="logo__inner">
				<a href="" class="logo__link"><img src="" alt="" width="" height=""></a>
			</div>
		</div>

		<section class="slogan">
			<div class="slogan__inner">
				<h1 class="slogan__title">Названии компании</h1>
				<p class="slogan__text">Ниже рисунок с помощью ксс  либо Img.... logo и slogan float</p>
			</div>
		</section>

	</div>


</header>

Что в "просмотр кода элемента " пунктов меню показывает ? когда все не нормально отображается.... Посмотри может padding появился...

Если честно то на ipad проверил все работает с левым меню нормально........только контент не отодвигает)

Берёшь вот это marisapassos.com/images/pattern.png сохраняешь.... потом берешь делаешь блок див, для него прописываешь позитион релатив.... потом берешь вставляешь свою картинку в этот блок и ту даже рядом вставляешь еще 1 блок див с позицией абсолюте и задаешь высоту 100% и ширину 100% , потом задаешь z-index 10 к примеру и последнее самое главное это вставить background с тем изображением что я скинул в сылке. вроде все.

Чего ты паришься.... нарезал бы все картинками....и прикрепил бы...пофиг что это меню и пофиг что поисковики не поймут....Нам же нужно все быстрее...без семантики... налепил сдал и пошёл... Главное что все выглядит идентично)) А так след раз возьми и сайт 1 картинкой фигани ) тоже норм.
А если серьезно...
Ну лично бы я сделал бы все через ксс, картинки возможно сделал бы спрайтом и менял бы потом только позиции.
Так что ты мудился все это время правильно!!!

codepen.io/anon/pen/PqrQwb надо было задать высоту html и body

margin-left -47%;

Ну если будешь пользоваться БЭМ то явно только классы)