Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #412549

    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;
    }}
    
    #414084

    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

    #414105

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

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