iBird Rose

поддерживаю Денис Инешин но если же очень надо, то нужно создавать добавочные scss файлы с нижним подчеркиванием спереди, типа _add.scss и его уже импортировать @import 'add';
и через препрос уже пропускать главный файл. а не все

вчера только отвечал Как настроить меню бутстрапа?
p.s. тебе достаочно будет заменить @screen-sm-min на @screen-md-min

было уже на тостере. ищи лучше. примерно так jsfiddle.net/juesxt6v/5

потому что у тебя спереди стоит background-image: url('/img/main.png'); а за ним уже твой rgba цвет. и за картинкой ты его не видишь. хочешь делать полупрозрачное наложение цветом - делай другой див и ставь его впереди этих и делай для него rgba

слишком дохрена js подключено. ищи по файлам слову "scrolled" для header.
upd:
кароч в файле adlab.ee/projects/gloria45/wp-content/themes/bridg...
$j("header.page_header").addClass("scrolled")

ну можно сделать чтобы по середине шла только полоска. без кружков. а кружки уже сделать через before у самих элементов. тогда уже можно будет расставлять блоки не равноудаленно, а как по макету.
ну а адаптация - сжимать блоки до какой то поры, а потом перенести их все в одну сторону, чтобы полоска была слева к примеру, а блоки справа. если делать кружки как описал выше - это не сломает структуру.

найти svg обоих шрифтов и создать на основе их свой собственный шрифт. если погуглить про создание шрифтов - софта полно.
p.s. вот только лицензию на шрифты похерите и проблемы из за этого могут быть потом) так что лучше как щас подключайте отдельно)

4 квадратика с position: absolute; по бокам у которых border-top, border-left или border-top, border-right или border-bottom, border-left или border-bottom, border-right соответсвенно

если хочешь чтобы было красиво - делай отдельно иконками. что то типа такого

<ul class="character">
				<li><i class="icon-1"></i> Производитель: Focus</li>
				<li><i class="icon-2"></i>Пол: Унисекс</li>
				<li><i class="icon-3"></i>Тип велосипеда: Горный MTB</li>
</ul>

а width для дивов задали?