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

Скрывание блока на мобильном устройстве


Recommended Posts

Добрый день.
стоит ocStore-1.5.5.1.2
На сайте  есть блок 8An374Esjqnndr.jpg
Можно ли заставить его скрываться на мобильный устройствах ? так как он криво на них отоброжается

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


Попробуй вставить такой код в конце файла catalog/view/theme/ТВОЯ_ТЕМА/stylesheet/stylesheet.css

@media (max-width: 760px) {.best-prices-4-in-a-row-white {display: none;}}

Меняя цифру выбери разрешение до которого оно будет скрываться.

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


Попробуй вставить такой код в конце файла catalog/view/theme/ТВОЯ_ТЕМА/stylesheet/stylesheet.css

@media (max-width: 760px) {.best-prices-4-in-a-row-white {display: none;}}

Меняя цифру выбери разрешение до которого оно будет скрываться.

Спасибо сработало. А не подскажете как текст скрывать?

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


Спасибо сработало. А не подскажете как текст скрывать?

 

По такой же методике. Скорее всего, текст стоит в каком-то span, div, p, td , у которых есть свой идентификатор класса. Его и прячете. Если ничего подходящего не находится, оборачиваете текст в свой собственный span и прячете.

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

По такой же методике. Скорее всего, текст стоит в каком-то span, div, p, td , у которых есть свой идентификатор класса. Его и прячете. Если ничего подходящего не находится, оборачиваете текст в свой собственный span и прячете.

Понял спасибо.

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


Готовь дать как заказ. А именно нужно скрыть этот блок на телефоне
Vrwp6KEFOKanom.jpg
этот 
82QWxRBSj1ReKr.jpg
И если возможно убрать текст возле картинок на телефоне что бы отоброжались только картинки
GrqVJQjIQN6ggm.jpg
Модераторов прошу перенести тему в СООТВЕТСТВУЮЩИЙ раздел

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


А именно нужно скрыть этот блок на телефоне

И если возможно убрать текст возле картинок на телефоне что бы отоброжались только картинки

Для скрытия текста попробуй дополнить предыдущий код:

@media (max-width: 760px) {.best-prices-4-in-a-row-white {display: none;}#content div.box-content p{display: none;}}

А вот подписи без правки кода не убрать. Точнее, убрать можно, но картинки не кликабельные и если не будет текста, то по ним не получится перейти. Но можно убрать картинки оставив только текст. Тогда должен помочь такой код:

@media (max-width: 760px) {
.best-prices-4-in-a-row-white{display:none;}
#content div.box-content p{display:none;}
div.box-content table img{display:none;}}

Но надо проверить не скрылось ли что-то нужное на других страницах.

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


Для скрытия текста попробуй дополнить предыдущий код:

@media (max-width: 760px) {.best-prices-4-in-a-row-white {display: none;}#content div.box-content p{display: none;}}

А вот подписи без правки кода не убрать. Точнее, убрать можно, но картинки не кликабельные и если не будет текста, то по ним не получится перейти. Но можно убрать картинки оставив только текст. Тогда должен помочь такой код:

@media (max-width: 760px) {
.best-prices-4-in-a-row-white{display:none;}
#content div.box-content p{display:none;}
div.box-content table img{display:none;}}

Но надо проверить не скрылось ли что-то нужное на других страницах.

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

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


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

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

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

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

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

Вхід

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

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

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

Important Information

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