Помощь с CSS-кодом для адаптивного веб-сайта

  • Автор темы killer_web
  • 15
  • Обновлено
  • 12, May 2024
  • #1
Я впервые создаю адаптивный веб-сайт, написанный вручную, и мне нужна помощь с меню.
http://markwardtenterprises.com/metest.html

При просмотре веб-сайта на мобильном устройстве или при уменьшении его размера на компьютере я хочу, чтобы отображались только 3 горизонтальные линии, и мой код заставляет ссылку «Домой» оставаться на экране.

У меня ограниченные знания CSS, но я учусь.

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

/* При ширине экрана менее 600 пикселей скрыть все ссылки, кроме первой («Домой»).

Показать ссылку, содержащую должен открыть и закрыть топнав (.icon) */

Скрытая информация :: Авторизуйтесь для просмотра »
screen и (максимальная ширина: 600 пикселей) {

.topnav a:notfirst-child) {display: none;} /* a:not ( :first-child) — без пробелов */

.topnav a.icon {

плавать: вправо;

дисплей: блок;

}

}

Любая помощь приветствуется.

Я, вероятно, вернусь с новыми вопросами, по одной странице/проблеме за раз.

Я исследую каждую проблему, с которой имею дело.

Заранее спасибо, Мария

killer_web


Рег
14 Jan, 2012

Тем
1

Постов
1

Баллов
11
Тем
49554
Комментарии
57426
Опыт
552966

Интересно