Flexslider (Padding?) Issue in Google Chrome
-
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).
https://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.