Support » Plugin: MaxSlider » Full width slider

  • Resolved Erpol

    (@erpol53)



    Hi,

    A client is asking me if the slider could be full width, i.e. exceed the lateral limits of the theme and cover all the available screen space horizontally.

    Is this possible without too much coding ? I saw that some of your themes offer this option natively, it’s perhaps a good idea to include it in the maxslider settings at some point.

    Thanks,

    RP

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Vassilis Mastorostergios

    (@silencerius)

    Heya!

    In order for the slider to span the full width of a website it needs to live inside a div or page element that also spans full width. This is basically a theme modification issue, the slider will not limit its width by itself, the only constrain is its parent element, so it all depends where exactly you place it on the theme.

    Ok, this is probably way beyond the scope of this forum, but here’s the code snippet I put in header.php (the theme is one of yours, Tabloid):

    	<div class="container">
    		<div class="row">
    			<div class="col-xs-12">
    
    				<?php get_template_part( 'inc_header', ci_setting( 'site_header' ) ); ?>
    
    				<?php if ( is_page_template( 'template-front.php' ) || is_page_template( 'template-front-posts.php' ) ): ?>
    					
                        <!-- ***** REMOVE INTEGRATED SLIDER -->
    					<!-- <?php get_template_part( 'inc_slider' ); ?> -->
                        
                        <!-- ***** REPLACE WITH MAXSLIDER PLUGIN -->
                        <?php echo do_shortcode('[maxslider id="110"]'); ?>
                        
    				<?php endif; ?>
    

    The method can be used to integrate maxslider in ANY theme out there, so someone may find it useful…

    Thanks for any help!

    RP

    Plugin Author Vassilis Mastorostergios

    (@silencerius)

    Thanks for the snippet and all the kind words! Means a lot!

    No problem, it’s deserved!

    Can you give me a hint of the div I should create (and probably put on each side of the line displaying the slider), to make it full width ?

    Or should I ask in the Tabloid theme forum ?

    Thanks,

    RP

    Plugin Author Vassilis Mastorostergios

    (@silencerius)

    We can answer more specifically in the theme forum providing sample code, but in general you should place it outside the .container div. The .container div is the one that limits the size to a fixed width.

    So basically copy the code that is inside .col-xs-12 and paste it outside .container (above it).

    Please feel free to open a ticket in Tabloid’s forum for specific details if needed!

    Hi again,

    Ok, your suggestion worked perfectly, thanks! I closed the 3 divs (up to .container) just before the slider display, then reopened them right after.
    I can post the code if you think it helps.

    RP

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Full width slider’ is closed to new replies.