How Can I Delete Extra Rows on My Page?

All was well with my site and we published yesterday. Seemingly out of the blue extra rows are now being added to the published page code and I cannot locate them in any PAGE html or CSS file, etc. Do you have any thoughts on where they are coming from and how I can get rid of them? I do not see them on staging.

Here is what I see in the page source of published page:

……

</div><!– .navbar-header –>
<div class=”navbar-collapse collapse” id=”primary-navbar”>
<div id=”primary-menu” class=”primary-menu”><ul id=”menu-primary” class=”nav navbar-nav”><li id=”menu-item-266″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-265 current_page_item menu-item-266 active”><a title=”Home” href=”http://kathyforcolleyville.com/”>Home</a></li&gt;
<li id=”menu-item-355″ class=”menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-355 active”><a title=”About” href=”http://kathyforcolleyville.com/#about-kathy”>About</a></li&gt;
<li id=”menu-item-358″ class=”menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-358 active”><a title=”Contact” href=”http://kathyforcolleyville.com/#contact-kathy”>Contact</a></li&gt;
</ul></div> </div>
</div>
</nav><!– #site-navigation –>
</div><!– .col –>
</div><!– .row –>
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
</div>
</div>
<div class=”row”>
<div class=”col-md-12″>
</div>
</div>
</div><!– .container –>
</header><!– #masthead –>