Помогите с css

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Dexter2016, 28 июл 2016.

Метки:
  1. Dexter2016

    Dexter2016

    Регистрация:
    28 июл 2016
    Сообщения:
    3
    Симпатии:
    0
    Добрый вечер. Извиняюсь за такой вопрос но разобраться не смог. Нужно прописать нужное в html что бы меню двигалось вместе с скроллингом эта функция точно прописана в css и все скрипты подключены :Smile:

    <div class="sticky-offset js-sticky-offset"></div>
    <div class="container">
    <div class="navigation">
    <div class="collapse navbar-collapse" id="buildpress-navbar-collapse">

    Вот css :Smile: вот еще вопрос как сюда вставить css более 10000 символов?
     
  2. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    293
    Симпатии:
    186
    а вы уверены, что вы понимаете, что такое css, а что такое html?
    выше вы привели кусок html кода и не более из него нам понятно максимум только то что у вас есть css классы и один id на этом информация кончается))
     
  3. YoYo

    YoYo

    Регистрация:
    20 июл 2016
    Сообщения:
    120
    Симпатии:
    27
    Какой движок сайта (CMS)? Вариантов сделать такое меню много.
    По опыту: вот рабочее решение http://stickyjs.com/
     
  4. Dexter2016

    Dexter2016

    Регистрация:
    28 июл 2016
    Сообщения:
    3
    Симпатии:
    0
    css не помещается сюда :Smile:
    Вот сам шаблон https://www.proteusthemes.com/themes/?theme=buildpress-wp там в настройках можно установить чтобы меню двигалось, но реализовать на сайте не могу нужно вписать правильный вызов с css но ни как то что делаю меню теряет оболочку но двигается и наоборот. Я совсем в этом не разбираюсь так что извиняйте. Если сможете помогите :Smile:
    --возможно этот кусок отвечает---
    @media (min-width: 992px) { .is-sticky-navbar .navigation { position: fixed; top: 0; width: 940px; }
    .is-sticky-navbar.admin-bar .navigation { top: 32px; }
    .is-sticky-navbar .sticky-offset { height: 37px; } }
    @media (min-width: 1200px) { .is-sticky-navbar .navigation { width: 1140px; } }
    /* 05.10. Footer Navigation */
    .navigation--footer { display: inline-block; text-align: center; margin: 0; padding: 0; }
    @media (min-width: 992px) { .navigation--footer { text-align: left; } }
    .navigation--footer > li { list-style: none; position: relative; display: inline-block; }
    .navigation--footer > li > a { text-decoration: none; padding: 0 7px; }
    .navigation--footer > li > a:hover { background: none; }
    .navigation--footer .sub-menu { display: inline-block; list-style: none; padding: 0; }
    .navigation--footer .sub-menu > li { display: inline-block; }
    .navigation--footer .sub-menu > li > a { padding: 0 7px; }
    .navigation--footer .sub-menu > li > a:hover { text-decoration: none; }
    --- Добавлено, 29 июл 2016 ---
    Система modx то что реализовать "прилипающее" меню можно, я знаю но зачем если уже это есть просто нужно правильно прописать :Smile: Спасибо.
     
    Последнее редактирование: 29 июл 2016
  5. Dexter2016

    Dexter2016

    Регистрация:
    28 июл 2016
    Сообщения:
    3
    Симпатии:
    0
    сделал добавив в css новые позиции все заработало но в мобильной версии меню развалилось и работает не корректно :Smile: вопрос остался не решенным
     
  6. alexcarver

    alexcarver

    Регистрация:
    11 авг 2014
    Сообщения:
    4
    Симпатии:
    0
    Правьте через медиазапросы). Проще нанять спеца, на самом деле, поправит все это за 10 минут