Avrel

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

Рекомендуемые сообщения

Avrel    7

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

Изменено пользователем Avrel

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
SiteMix    145

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Avrel    7

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
druzhkov    22

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Avrel    7

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Avrel    7

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

Изменено пользователем Avrel

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
SiteMix    145

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

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

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

@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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Avrel    7

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

@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 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу