wordpress - New WP page template, adjusting bootstrap, now a few things not working -

made wp page template based on default template, adjusting bootstrap details main content area width , sidebar. works great seen here: [https://www.bodyzone.com/certified-posture-exercise-professional/][1]

but

1) header drop-down menus no longer work - "your posture" should have 4-5 links underneath , shop should show dropdown 2 pages.

2) items listed on other pages not using new template displayed incorrectly. products displayed in 2 columns images blown , distorted. should in 4 columns, smaller.

i created maybe 10 new pages using new template else template applied. seems if making has altered else on site.

new page template:

get_header(); ?>  <!-- begin page content -->      <main role="main">         <div id="content"> <!-- page content -->         <div class="container">         <div class="row">         <div class="col-lg-8">            <style scoped>            p { font-size:1.9em; }            </style>   <section>   <?php if (have_posts()): while (have_posts()) :    the_post(); ?>        <article id="post-<?php the_id(); ?>" <?php post_class(); ?>>          <h1 class="page-title"><?php the_title(); ?></h1>  <?php if ( has_post_thumbnail()) : // check if thumbnail exists ?>     <figure class="page-wp-post-image">  <?php the_post_thumbnail(); // fullsize image page ?>     <figcaption><?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?     </figcaption>    </figure> <?php endif; ?>  <?php the_content(); ?> <?php edit_post_link('<i class="fa fa-pencil-square-o"></i> edit', '<p>',  '</p>'); ?>        </article>  <?php endwhile; ?>  <?php else: ?>        <article>          <h2><?php _e( 'sorry, nothing display.', 'html5blank' ); ?></h2>       </article>  <?php endif; ?>   </section>       </div>        <div class="col-lg-4"> <?php get_sidebar(); ?>       </div>       </div>       </div>       </div>         <?php get_footer(); ?> 

the original bootstrap div class default page - content - <div class="col-xs-12 col-sm-9 col-sm-push-3 col-lg-10 col-lg-push-2">

for sidebar it's <div class="col-xs-12 col-sm-3 col-sm-pull-9 col-lg-2 col-lg-pull-10">

i inherited site, , have passing understanding of bootstrap - i'm missing something.