• Hey everyone! Hopefully this is in the right place. I’m having some issues in Google Chrome with a Flexslider slideshow on one of my sites (I’m developing the theme).

    http://dev.ivebrand.com/iexit/app-features

    Works great in latest version of Firefox, but the slides are being cut off on the right side in Chrome. It’s a custom post type, with its own loop which goes something like

    <div id="feature-slider-container">
            <div class="flexslider" id="feature-slider">
                    <ul class="slides">
    <?php
    
    $features = query_posts(array(
    					'post_type' => 'features',
    					'orderby' => 'id',
    					'posts_per_page' => -1
    				));
    				while(have_posts()) : the_post(); ?>
    
                            <li class="features">
                            </br>
                            	<h2><?php the_title(); ?></h2></br>
                                    <?php the_content();
                            </li>
    <?php
    				//endif;
    				endwhile;
                    //Resets $wp_query
                    wp_reset_query();
    ?>
                    </ul>
            </div>
    </div>

    My CSS is a little jumbled, but I have:

    #feature-slider-container {
    	max-width:750px;
    	padding: 0 95px 0 95px;
    }

    Plus default flexslider.css

    I have additional (yes they’re unnecessary, I know) div containers for organizational purposes. If anyone can toss out some help, I’d appreciate it! Let me know if more info is needed 🙂

  • The topic ‘Flexslider (Padding?) Issue in Google Chrome’ is closed to new replies.