Нужна помощь по CSS

Юкк

Привет, У меня есть шаблон блоггера, в котором я пытаюсь исправить некоторые проблемы.
https://xadowtemplate.blogspot.in/

ПРОБЛЕМА № 1: На мобильном устройстве или при изменении размера области просмотра в левом верхнем углу появляется знакомый значок меню-гамбургера.

Значок очень маленький, и на него сложно нажать на мобильных телефонах.

Я хочу добавить к значку отступы, чтобы увеличить активную область.

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

Кто-нибудь может помочь? Пожалуйста, откройте страницу шаблона и просмотрите исходный код.

Стиль прямо в исходнике.

Нет необходимости загружать отдельный файл CSS. ВЫПУСК № 2 При прокрутке страницы меню навигации сжимается и фиксируется вверху страницы.

Я хочу знать, какой параметр контролирует высоту панели навигации. Спасибо

kirinaaa

.header-limit контролирует высоту меню/прикрепленного заголовка, хотя по какой-то причине кажется, что он работает только для высоты ВЫШЕ 60 пикселей - если я уменьшу высоту ниже 60 пикселей, это, похоже, вообще не повлияет на это.

Однако увеличение его выше 60 пикселей работает, и высота увеличивается.

Максим999

Спасибо за помощь. Правильное заполнение значков, но все еще не могу определить высоту меню. Есть классы с подозрительно звучащими именами, например .header-limit и .height_from_top. Пытался добавить к нему значение высоты, но это не работает. Я буду продолжать искать.

suzanna1

Это гамбургер-меню фа-бары является частью вашего шрифта Awesome CSS: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

Поскольку у вас нет доступа к этому файлу, попробуйте добавить отступы к .z-xadow и #x-xadow в вашем CSS.

Если это не поможет (если у вас нет доступа к этому файлу), вы можете просто добавить style="" в

 
<div class="header-wrapper" id="header-wrapper" style="position: fixed; padding: 0px; top: 0px; z-index: 999999; right: 0px; left: 0px; background: white; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;">

Код (разметка): Похоже, что панель навигации на странице управляется с помощью style="":

  <i aria-hidden='true' class='fa fa-bars' style='padding: 0.9em;'></i>

Код (разметка): -

Похожие темы	Дата
Как переопределить горячие клавиши Image ready	19.10.2024, 18:10
Кто чем пользуется: растр vs вектор?	19.10.2024, 18:10
Как лучше всего создать статический веб-сайт для каталога продукции с учетом удобства обслуживания?	19.10.2024, 18:10
Мне нужна помощь с простым домашним заданием по HTML. [Теперь решено, администраторы, пожалуйста, удалите тему. Спасибо за сотрудничество.	19.10.2024, 18:10
Как исключить категорию из get_the_category?	19.10.2024, 18:10
Помогите с мобильным просмотром	19.10.2024, 18:10
Как центрировать сообщение обработки в таблицах данных laravel с существующими данными?	19.10.2024, 18:10
Кодировка страницы	19.10.2024, 18:10
гибкий, не растет до полной высоты	19.10.2024, 18:10
Скрипты объявлений Geocore и Flynax? Они действительно лучшие?	19.10.2024, 18:10

Нужна помощь по CSS

Юкк

kirinaaa

Максим999

suzanna1

I AM

Интересно