second unwanted slider floating to the right of content
-
I have added this code to the home page template. just below the header and I thought it was working correctly. Then I noticed a tiny little second instance of the slider on the far right of the content.
<div id="slider"><?php echo do_shortcode('[promoslider height="300px"]') ?></div>
The second instance of the slider is hidden to the right side of my content and you do not see it until you bring the content margin in narrower or add a sidebar. The narrower I make the content, the larger the second instance of the slider gets.
Does anyone know why are there two sliders being called into the page?
<body class="home page page-id-126 page-template page-template-page-templatesfront-page-php logged-in admin-bar template-front-page custom-background-empty custom-font-enabled customize-support"> <div id="page" class="hfeed site"> <header id="masthead" class="site-header" role="banner"> <!-- #masthead --> <div id="main" class="wrapper"> <div id="slider"> <div class="promo_slider_wrapper random default_nav no_pause"> <div class="promo_slider auto_advance" style=" height:300px;"> <span class="promo_slider_time_delay" style="display:none;">10</span> <div class="panel panel-1" style="display: none;"> <div class="panel panel-2 current" style="display: block;"> <div class="panel panel-3" style="display: none;"> <div class="panel panel-4" style="display: none;"> <div class="panel panel-5" style="display: none;"> <div class="panel panel-6" style="display: none;"> <div class="promo_slider_nav" style="display: block;"> <div class="clear"></div> </div> </div> </div> <div id="primary" class="site-content"> <div id="content" role="main"> <article id="post-126" class="post-126 page type-page status-publish hentry"> <!-- #post --> </div> <!-- #content --> </div> <!-- #primary --> <div id="slider"> <div class="promo_slider_wrapper random default_nav no_pause"> <div class="promo_slider auto_advance" style=" height:300px;"> <span class="promo_slider_time_delay" style="display:none;">10</span> <div class="panel panel-1" style="display: none;"> <div class="panel panel-2" style="display: none;"> <div class="panel panel-3" style="display: none;"> <div class="panel panel-4" style="display: none;"> <div class="panel panel-5" style="display: none;"> <div class="panel panel-6 current" style="display: block;"> <div class="promo_slider_nav" style="display: block;"> <div class="clear"></div> </div> </div> </div> <div id="secondary" class="widget-area" role="complementary"> <!-- #secondary --> </div> <!-- #main .wrapper --> <footer id="colophon" role="contentinfo"> <!-- #colophon --> </div> <!-- #page --> <script src="https://alaskapaincenter.com/wp-includes/js/admin-bar.min.js?ver=3.5.1" type="text/javascript"> <script src="https://alaskapaincenter.com/wp-content/themes/childtheme/js/navigation.js?ver=1.0" type="text/javascript"> <script type="text/javascript"> <script src="https://alaskapaincenter.com/wp-content/plugins/promotion-slider/js/promo_slider.js?ver=3.5.1" type="text/javascript"> <script type="text/javascript"> <div id="wpadminbar" class="" role="navigation"> </body> </html>
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘second unwanted slider floating to the right of content’ is closed to new replies.