Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #326169

    Hello,

    I love the Accordion Slider effect, and I want all 5 slides to always fit to any window size and hight.
    I disable any content bellow the Accordion Slider, and I want all the slides to fit to the bottom of the page.

    How can I achieve that ?
    Thanks
    Dan

    #326354

    Hey tech500!

    Thank you for using Enfold.

    I’m sorry it’s not possible to set the accordion slider as full screen without creating a custom script. You can use the Fullscreen Slider. Please visit Envato Studio or Werkpress for further customization.

    Cheers!
    Ismael

    #326355

    Hello Ismael,

    DO you know of another accordion slider that I can use instead of custom scripting ?

    Thanks

    Dan

    #326390

    Hi!

    I’m sorry I don’t think there is any available plugin that offers full screen accordion slider. I’ll ask the rest of the support team.

    Cheers!
    Ismael

    #326400

    Ismael,

    I will really appreciate your help on this.
    This is an example of what I’m looking for: http://pure-demo2.elasticbuilder.com/?page_id=258

    Thanks allot.

    Dan

    #326851

    Hey Dan!

    This could work, try adding this at the very end of your theme / child theme functions.php file:

    function make_accordion_fullheight(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
        	var win = $(window);
    
        	function calc_accordion_height(){
    
    	    	var subtract  = $('#wpadminbar, #header.av_header_top:not(.html_header_transparency #header), #main>.title_container'),
    	    		wh100 	  = win.height(),
    	    		wh100_mod = wh100;
    
    	    	subtract.each(function(){ wh100_mod -= this.offsetHeight - 1; });	
    
    	    	$('.aviaccordion').css('height', wh100_mod + 'px');
        	}
    
        	win.on( 'debouncedresize', calc_accordion_height);
        	calc_accordion_height();
    
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'make_accordion_fullheight');

    And this to Quick CSS / child style.css:

    .aviaccordion {
        max-height: none !important;
    }

    Cheers!
    Josue

    #330737

    Wow, thank you so much Josue.

    #331029

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.