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

[Avrel]

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

Змінено 30 листопада 2016 користувачем Avrel

[SiteMix]

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

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

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

[Avrel]

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

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

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

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

[druzhkov]

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

 

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

[Avrel]

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

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

[Avrel]

Готовь дать как заказ. А именно нужно скрыть этот блок на телефоне

этот 

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

Модераторов прошу перенести тему в СООТВЕТСТВУЮЩИЙ раздел

Змінено 30 листопада 2016 користувачем Avrel

[SiteMix]

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

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

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

@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;}}

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

Змінено 30 листопада 2016 користувачем SiteMix

[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;}}

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

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