Blog title and horizontal blue lines, odd content in middle of every page

The horizontal blue line is appearing because of this CSS code…

#main-navigation .sf-menu a {
    text-decoration: none;
    display: block;
    font-size: 1.25em;
    padding: 0.75em 1em;
    text-transform: capitalize;
    color: #333;
    font-weight: bold !important;
    margin: 0px;
    border-bottom: 5px solid #52C0D4;
}

On the page you have the first anchor tag that isn’t contained inside an li tag. This is causing it to push outside of the normal nav list.

<ul class="sf-menu sf-js-enabled sf-shadow">

<a rel="contact-info" title="Complete Contact Info" href="https://public.prestmds.com/faq/contact-info/">	</a>

<li class="cat-item cat-item-5">
  <a rel="contact-info" title="Complete Contact Info" href="https://public.prestmds.com/faq/contact-info/"></a><a href="https://public.prestmds.com/category/prest-news/" title="View all posts filed under Prest News">Prest News</a>
</li>
</ul>

So…delete that first anchor tag and you will be fine but you also appear to have 2 anchor tags in the one list item so there’s something a little bit off.

Your final output needs to look like this for it to function correctly.

<ul class="sf-menu sf-js-enabled sf-shadow">

<li class="cat-item cat-item-5"><a rel="contact-info" title="Complete Contact Info" href="https://public.prestmds.com/faq/contact-info/">Contact Info</a></li>

<li class="cat-item cat-item-5"><a href="https://public.prestmds.com/category/prest-news/" title="View all posts filed under Prest News">Prest News</a></li>

</ul>

Thanks for the quick response, dodgyJim73! ?? Forgive me, I’m kind of new at this; do I put this in the custom css theme option? Or, where?

Well. You don’t need to change any CSS code, that is working just fine. It’s the way the navigation menu code is being generated that is causing the problem.

Did you manually add the nav menu code to the header.php template? I’ve never seen WP generate code that doesn’t follow its normal structure.

I am trying to get a link in the right part of the top navigation, way to the right of “FAQ”. Richie gave me some code for that that I put in the custom CSS option, but it didn’t work.

I like where I have the phone number and “Complete Contact Info” under the top nav on the right.

However, I don’t want the turquoise blue horizontal lines or “Prest News”. Help!

What code did you add?

This is what is in there right now:

#custom #topbanner {
margin: 0;
float: none;
top: 20px;
right: 0px;
padding: 0px;
position: absolute;
width: auto;
}

.page h1.post-title,.page h2.post-title { display:none; }

If you don’t want the horizontal lines or prest news then delete or comment out this section. I’d probably comment it out until you are sure you don’t need it.

<!-- NAVIGATION START -->
<nav class="main-nav iegradient" id="main-navigation" role="navigation">
<div class="innerwrap">
<ul class="sf-menu">	<li class="cat-item cat-item-5"><a href="https://public.prestmds.com/category/prest-news/" title="View all posts filed under Prest News">Prest News</a>
</li>
</ul></div>
</nav>
<!-- NAVIGATION END -->

The #topbanner code that you pasted is the “Complete Contact Info” and you said you liked where that was placed on the page.

What link are you trying to get to the far right of the main nav menu? Do you want it to the right of FAQ or all the way flush against the right hand side?

Shoot, where do I find the code you mention above? How do I “comment it out”? I was serious when I said I’m a beginner. Yell “uncle” at any time now…

Re: far right nav item:
I would love to have “Secure Portal Login” flush against the right hand side.

UNCLE!!!!

OK…scrap everything I said earlier. Don’t try and edit code if you are totally green to this as you will just cause yourself more problems.

To get rid of that menu I would do this.

• In your WP dashboard. Go to Appearance > Menus.
• You will see the link ‘Create a new menu’. Click on this and create a menu called ‘Test’ and assign this menu to the Primary menu setting by clicking the checkbox ‘Primary menu’ and theh click the ‘Save Menu’ button.
• Don’t add anything to the menu, just leave it blank.
• Reload the page and it should be gone.

See my screenshot and what I changed at the following link.
https://i.imgur.com/ciPeGqU.jpg

Keeping in mind, depending on what you’ve already modified it might be a slightly different approach but should be similar.

This is your safest way to make that menu vanish.