Jump to content
Sign in to follow this  
Avrel

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

Recommended Posts

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

Edited by Avrel

Share this post


Link to post
Share on other sites

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

 

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

  • +1 2

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Edited by Avrel

Share this post


Link to post
Share on other sites

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

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

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

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

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

Edited by SiteMix
  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.