I have a poor excuse for a responsive site
-
My site does not collapse “responsively” the way a Hueman site should.
Denzel suggested it might be my caching software, which I removed, or a javascript error, which the Chrome console suggested was an issue with the Jetpack plugin, and I think the error was removed when I deactivated Jetpack. I tried removing page items like the header image and sidebar graphics.
But the problem persists. The sidebars do not properly collapse. The inside edges of the sidebars can still be seen and the arrows do not appear. Once collapsed, the primary sidebar can’t be accessed.
I’m thinking I might have to rebuild the page from scratch, but before I do I’m hoping that someone here might have experienced a similar problem and know how to fix it.
cheers and thanks in advance
Viewing 5 replies - 1 through 5 (of 5 total)
-
That was the style.css, of course.
This is the sidebar.php:
<?php $layout = hu_layout_class(); if ( $layout != 'col-1c'): ?> <div class="sidebar s1"> <a class="sidebar-toggle" title="<?php _e('Expand Sidebar','hueman'); ?>"><i class="fa icon-sidebar-toggle"></i></a> <div class="sidebar-content"> <?php if ( hu_is_checked('sidebar-top') ): ?> <div class="sidebar-top group"> <p><?php echo hu_has_social_links() ? __('Follow:','hueman') : ' ' ; ?></p> <?php hu_print_social_links() ; ?> </div> <?php endif; ?> <?php if ( hu_get_option( 'post-nav' ) == 's1') { get_template_part('parts/post-nav'); } ?> <?php if( is_page_template('page-templates/child-menu.php') ): ?> <ul class="child-menu group"> <?php wp_list_pages('title_li=&sort_column=menu_order&depth=3'); ?> </ul> <?php endif; ?> <center><a href="https://salishseapilot.com/cruising-guides"><img src="https://salishseapilot.com/guide-promo-v6.gif" alt="Salish Sea Pilot guides" border="0" /></a> <p> <h4>OUR NEWSLETTER</h4> <input type="email" name="EMAIL" placeholder="Email address" required /> </p> <p> <input type="submit" value="Sign up" /> </p></center> <?php hu_print_widgets_in_location('s1') ?> </div><!--/.sidebar-content--> <center> </p></center> </div><!--/.sidebar--> <?php if ( ( $layout == 'col-3cm' ) || ( $layout == 'col-3cl' ) || ( $layout == 'col-3cr' ) ) { get_template_part('sidebar-2'); } ?> <?php endif; ?>This is the child sidebar-2.php:
<div class="sidebar s2"> <a class="sidebar-toggle" title="<?php _e('Expand Sidebar','hueman'); ?>"><i class="fa icon-sidebar-toggle"></i></a> <div class="sidebar-content"> <?php if ( hu_is_checked('sidebar-top') ): ?> <div class="sidebar-top group"> <p><?php _e('News','hueman'); ?></p> </div> <?php endif; ?> <?php if ( hu_get_option( 'post-nav' ) == 's2') { get_template_part('parts/post-nav'); } ?> <?php hu_print_widgets_in_location('s2') ?> </div><!--/.sidebar-content--> </div><!--/.sidebar-->The child featured.php:
<?php // Query featured entries $featured = new WP_Query( array( 'no_found_rows' => false, 'update_post_meta_cache' => false, 'update_post_term_cache' => false, 'ignore_sticky_posts' => 1, 'posts_per_page' => hu_get_option('featured-posts-count'), 'cat' => '-16' ) ); ?> <?php do_action( '__before_featured' ); ?> <?php if ( is_home() && !is_paged() && ( hu_get_option('featured-posts-count') =='1') && $featured->have_posts() ): // No slider if 1 post is featured ?> <div class="featured"> <?php while ( $featured->have_posts() ): $featured->the_post(); ?> <?php get_template_part('content-featured'); ?> <?php endwhile; ?> </div><!--/.featured--> <?php elseif ( is_home() && !is_paged() && ( '0' != hu_get_option('featured-posts-count') ) && $featured->have_posts() ): // Show slider if posts are not 1 or 0 ?> <script type="text/javascript"> // Check if first slider image is loaded, and load flexslider on document ready jQuery(function($){ var firstImage = $('#flexslider-featured').find('img').filter(':first'), checkforloaded = setInterval(function() { var image = firstImage.get(0); if (image.complete || image.readyState == 'complete' || image.readyState == 4) { clearInterval(checkforloaded); $('#flexslider-featured').flexslider({ animation: "slide", useCSS: false, // Fix iPad flickering issue directionNav: true, controlNav: true, pauseOnHover: true, animationSpeed: 400, smoothHeight: true, touch: <?php echo apply_filters('hu_flexslider_touch_support' , true); ?>, slideshow: <?php echo hu_is_checked('featured-slideshow') ? 'true' : 'false'; ?>, slideshowSpeed: <?php echo hu_get_option('featured-slideshow-speed', 5000); ?>, }); } }, 20); }); </script> <div class="featured flexslider" id="flexslider-featured"> <ul class="slides"> <?php while ( $featured->have_posts() ): $featured->the_post(); ?> <li> <?php get_template_part('content-featured'); ?> </li> <?php endwhile; ?> </ul> </div><!--/.featured--> <?php endif; ?> <?php wp_reset_postdata(); ?> <?php do_action( '__after_featured' ); ?>And the child functions.php:
<?php /* Write your awesome functions below */ add_image_size( 'thumb-medium', 345, 162, true ); function hu_load() { // Load theme languages load_theme_textdomain( 'hueman', get_stylesheet_directory().'/languages' ); // Load theme options and meta boxes // load_template( get_template_directory() . '/functions/theme-options.php' ); load_template( get_template_directory() . '/functions/init-meta-boxes.php' ); // Load custom widgets load_template( get_stylesheet_directory() . '/functions/widgets/alx-tabs.php' ); load_template( get_template_directory() . '/functions/widgets/alx-video.php' ); load_template( get_template_directory() . '/functions/widgets/alx-posts.php' ); // Load dynamic styles load_template( get_template_directory() . '/functions/dynamic-styles.php' ); } function my_exclude_category( $query ) { if ( $query->is_home() && $query->is_main_query() ) { $query->set( 'cat', '-16' ); } } add_action( 'pre_get_posts', 'my_exclude_category' ); // Remove news category posts from list of featured posts so the list matches the posts // used in featured.php. This list is used in function hu_pre_get_posts() to remove the // featured posts from the content posts so they're not duplicated function hu_get_featured_post_ids() { $args = array( 'category' => '-16', 'numberposts' => hu_get_option('featured-posts-count') ); $posts = get_posts($args); if ( !$posts ) return false; foreach ( $posts as $post ) $ids[] = $post->ID; return $ids; }If something jumps out at anyone who might see this, I would love to hear about it. Otherwise would like an idea where you would start first to find the problem.
Thanks in advance for any help.
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘I have a poor excuse for a responsive site’ is closed to new replies.
