Я мельком посмотрел верстку, но могу сказать следующее:
- всегда делай универсальные селекторы и к ним уже дописывай модификаторы.
у тебя 5 section и у всех разные классы (we-are, services, ...).
- посмотри обязательные теги при использование (ul,section,article,...).
у тебя ul без li
- посмотри сколько h1 может быть на странице.
- пытайся избавиться от двойного названия main-menu, пиши просто menu, тем более у тебя лендинги.
- все очень плохо с определение назначением тегов. У тебя предполагаемые ссылки могут быть span, li , кнопки div
- половина не работает))
Для продвинутых нет книг, везде одно и тоже. Можешь посмотреть "Секреты CSS." Леа Веру, есть пару крутых фишек, о которых никто не знает.
Посмотри канал на ютубе Sorax, DevTips... Почитай доклады Paul Irish, Lea Verou, ... .
Чтобы тебе сделать такую анимацию, нужно почитать про css свойства perspective, transform-style...
Далее слайдеру контейнеру задаем perspective, и неактивным элементам сдвиг по оси Z.
Вот пример, только не owl.carousel. www.starplugins.com/killercarousel/tutorials/image... (F12 - для того, чтобы код посмотреть)
На мобильных устройствах нет события hover. Ты хочешь увидеть 2 уровень навигации, кликаешь на пункт меню и у тебя произойдет hover и ПЕРЕХОД на test.html. Проверь сам)
Sergey750il: Я не знаю, что у тебя за задача, но уверен что так делать нельзя.
1) $('.b-radio-toolbar-color').attr('id', memory); - при это действии ты НЕ ОДИН раз добавляешь id! Те ты кликнул на другой input. а потом опять на первый и у первого опять id изменился.
2) .click() - нужно вешать не на input, а на label или еще что-то. И здесь не click() нужен, а change()
3-10 я пропущу.
eellazy: короче я все сломал и домой пора:(
Проблема в том что при инициализации слайдера на свайп добавляются инлайновые стили. Их нужно убить все. Если убьешь их то должно все заработать).
Или проще взять готовый слайдер
пример обновил