Remove Background on Mobile Devices for Home Page Elements - Support

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts

July 13, 2018 at 10:07 pm #985337

So on this site https://www.pelicansinks.com/ I need to remove the background images on the two color sections below the main slider. Only for mobile devices. How do I do this. Thanks

July 14, 2018 at 1:23 am #985351

Guenni007

Participant

and you realy mean mobile devices and not smaller screens?

you can try this:

.avia_mobile .home #av_section_1 .av-parallax {
    display: none !important;
}

.avia_mobile .home #av_section_1  {
  background: #7db9e8;
	background: -moz-linear-gradient(45deg,  #7db9e8 0%, #ffffff 80%);
	background: -webkit-linear-gradient(45deg,  #7db9e8 0%,#ffffff 80%);
	background: linear-gradient(45deg,  #7db9e8 0%,#ffffff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#ffffff',GradientType=1 );
}

.avia_mobile .home #av_section_2 .av-parallax {
    display: none;
}

.avia_mobile .home #av_section_2  {
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #DDDDDD));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
}

July 14, 2018 at 9:08 am #985445