Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Не работают css медиа-запросы


Recommended Posts

У меня есть обычная верстка и на ней работают медиа-запросы, но потом я верстку натянул на opencart и там медиа-запросы не работают.

Пример медиа-запроса:

@media (max-width:1024px){
    header .menu {
        display: none;
    }
}

Надіслати
Поділитися на інших сайтах


может кэш? медиа-запросы не работают или любые стили не подтягивает?

Надіслати
Поділитися на інших сайтах

14 минут назад, sasha3337774 сказал:

может кэш? медиа-запросы не работают или любые стили не подтягивает?

Точно не в кеше проблема, стили отлично работают, только с медиа-запросами проблема

Надіслати
Поділитися на інших сайтах


45 минут назад, BeItoM сказал:

Точно не в кеше проблема, стили отлично работают, только с медиа-запросами проблема


Покажите файл стилей и ссылку на сайт 

Надіслати
Поділитися на інших сайтах

10 минут назад, BeItoM сказал:

 

@media (max-width:1024px){
        .menu {
		display:none;
	}
}

 

Змінено користувачем DEVHUB
Надіслати
Поділитися на інших сайтах

1 минуту назад, BeItoM сказал:

Спс, но это не решило проблему с медиа-запросами

так ищите дальше 

парсер туда не доходит просто 

Надіслати
Поділитися на інших сайтах

9 минут назад, spectre сказал:

так ищите дальше 

парсер туда не доходит просто 

Исправил ошибки, которые показал валидатор -  не помогло. В devtools не видно медиа-запроса.

Надіслати
Поділитися на інших сайтах


Уверены или кажется? Что там со значением времени ? Оно так в твиге работает или не глядя влепили?

Надіслати
Поділитися на інших сайтах

23 минуты назад, Tom сказал:

Уверены или кажется? Что там со значением времени ? Оно так в твиге работает или не глядя влепили?

Ок, убрал его, ничего не изменилось

Надіслати
Поділитися на інших сайтах


На строке 1229 лишняя кавычка.

Плюс в случае с меню видимо применить импортант.

@media (max-width:1024px){
    .menu {
        display: none !Important;
    }
}


 

Надіслати
Поділитися на інших сайтах

А так обычно и бывает, когда тебе пишут одно, а делаешь ты принципиально другое.

  • +1 1
Надіслати
Поділитися на інших сайтах

1. Исправить ошибки в стилях. Масса он-лайн сервисов для этого. Как вариант http://csslint.net/

2. Что то начинаете внедрять, не забивайте на полное выполнение задачи, пока она не будет решена :
 

   style.css?ts=<?=time()?>

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

Как вариант добавить так (единственное не понятно зачем там у вас такая вложенность и явно лишняя папка /mycustomtheme/ )

<link rel="stylesheet" type="text/css" href="catalog/view/theme/mycustomtheme/barbershop/style.css??{{ object.date|date('H.i.s') }}" />

3. Не применяются стили после исправления данных ошибок , пробуйте это
 

 

13 часов назад, Tom сказал:

.......

Плюс в случае с меню видимо применить импортант.







@media (max-width:1024px){
    .menu {
        display: none !Important;
    }
}


 

 

Теперь отвлечённая тема... Зачем кому то в 2021 году сайт, без мобильной версии ?

Почему при наличии 100500 проблем и неистово красной консоли браузера кричащей об ошибках и предупреждениях, всё что вас беспокоит, это зачем то свернуть шею вёрстке , скрывая от покупателей возможность перемещаться по меню навигации в и так убогой мобильной версии?

Надіслати
Поділитися на інших сайтах

@media (max-width:1024px){
    header .logo_menu .menu {
        display: none;
    }
} 

сейчас стиль имеется в коде, но его приоритета недостаточно просто чтобы перекрыть другой стиль, где указано display: block

нужно просто изменить селектор согласно правилам приоритета стилей

Надіслати
Поділитися на інших сайтах

  • 1 year later...

у мене подібна проблема, якщо хтось знає - підкажіть будь ласка:

Не працює верстка (моб версія) опенкарт 3

Створив в редакторі сторінку html css

в бравзері мобільна версія працює - тобто блоки підлаштовуються під екран

але

коли завантажую в Блог (або картегорія чи товар)  в редакторі опису, ось тут :

image.thumb.png.667ab947d7632a2f484c9369d85cfffd.png

зберігаю

- на сайті моб верстка не працює

site_copds.html

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.