Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

фон в шапке, отключить для мобильных


Recommended Posts

какими средствами можно осуществить, что бы вообще не выводить его для мобильиков? 

Link to post
Share on other sites

уже что-то, спасибо! может кто-нибудь поделиться как с помощью css это сделать?

Link to post
Share on other sites

38 минут назад, GeorgeChivers сказал:

уже что-то, спасибо! может кто-нибудь поделиться как с помощью css это сделать?

показали бы, только не понятно какой фон и где, ни ссылки ничего

Link to post
Share on other sites

Примерно вот так:

@media (max-width: 767px) { 
	header {
		background: none;
	}
}

 

Link to post
Share on other sites

а еще проще, доавить класс дива: 

.hidden-xs

и он автоматом, будет скрываться для всех маленьких устройств

Link to post
Share on other sites
2 минуты назад, anboza сказал:

а еще проще, доавить класс дива: 


.hidden-xs

и он автоматом, будет скрываться для всех маленьких устройств

кто ? фон?

Link to post
Share on other sites
1 минуту назад, AWARO сказал:

кто ? фон?

ой, ну да, согласен. для background-color, такое не пройдет ))

то я не проснулся до конца ))

Link to post
Share on other sites
49 минут назад, AWARO сказал:

кто ? фон?

Почему нет?

Ведь фон может быть задан в стилях определённому блоку (классу) и ничто не мешает добавить ему hidden

 

Спойлер

 

Link to post
Share on other sites
Только что, Tom сказал:

Почему нет?

Ведь фон может быть задан в стилях определённому блоку (классу) и ничто не мешает добавить ему hidden

 

  Скрыть контент

 

через

hidden-xs

 всё что в блоке тож спрячется.
ему ж ток фон - ...не понятно по сути в точности что ему надо..
фон - цвет - картинка..  к чему задан фон.. ни ссылки ни подробностей..

Link to post
Share on other sites
7 hours ago, AWARO said:

через


hidden-xs

 всё что в блоке тож спрячется.
ему ж ток фон - ...не понятно по сути в точности что ему надо..
фон - цвет - картинка..  к чему задан фон.. ни ссылки ни подробностей..

ах, прошу прощения. В моем случае фон задан картинкой.

<div class="container" style="
    background: url('/image/catalog/img/bg-head.jpg') no-repeat;
    background-size: 100% 100%;
">

 

Link to post
Share on other sites

Перенесите эту конструкцию с бэкграундом в css, хедеру присвойне вновьсозданный класс, а отображение на мобилах отсеките в css media-классами.

Link to post
Share on other sites

Стили в tpl - зло! 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.