Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 16, 2015 at 8:36 pm #412549
    djshortkut

    You helped me with a temporary with my fullscreen slider not going fullscreen on my mobile device since I have a transparent header activated on my site on the ticket below. I also have fullscreen sliders on each of my portfolio pages that I need to apply this code to. I have added a custom css class to each fullscreen slider so I can target each of them. How do I modify this code with my custom css class of “fullscreen-slider” to apply this code to all of these pages? Thanks!

    https://kriesi.at/support/topic/fullscreen-slider-on-iphone/#post-396278

    @media only screen and (max-width: 420px) {
.home div#fullscreen_slider_0 {
max-height: 480px !important;
overflow: hidden;
}

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 480px !important;
}}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.home div#fullscreen_slider_0 {
max-height: 295px !important;
overflow: hidden;
}

.home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 295px !important;
}}
    March 19, 2015 at 2:00 am #414084
    Josue

    Hey!

    Try setting a custom class (ex: custom_fullscreen_slider) to the fullscreen slider element and change the code accordingly:

    @media only screen and (max-width: 420px) {
	#top .custom_fullscreen_slider {
		max-height: 480px !important;
		overflow: hidden;
	}

	#top .custom_fullscreen_slider .avia-slideshow {
		height: 480px !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	#top .custom_fullscreen_slider {
		max-height: 295px !important;
		overflow: hidden;
	}

	#top .custom_fullscreen_slider .avia-slideshow {
		height: 295px !important;
	}
}

    Best regards,
    Josue

    March 19, 2015 at 2:52 am #414105
    djshortkut

    Perfect…Thanks so much! You can close this thread.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Fullscreen Slider Issue on Mobile’ is closed to new replies.