Top and bottom navigation menus don't match

  • 1
  • Question
  • Updated 5 years ago
  • Answered
Hi,

I am using the Simplicity style page, and it comes with navigation menus at top and bottom.
I just incorporated subpages which I don't want on the main navigation menus. Somehow they don't show up on the top menu, as I wish, yet they show up on the bottom menu, which I don't want to happen. Does that make sense?

Anything I can do about this?
Thanks
Photo of J R

J R

  • 1 Post
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Mark N

Mark N

  • 466 Posts
  • 30 Reply Likes
I have the same problem! I recently switched my website http://www.simplyeighties.com to a new template, and all of the sub pages are showing up at the bottom of the page. I only want the main navigation pages to show.

For the moment, I have hidden the bottom navigation menu by making the text the same colour as the background using CSS coding, but it just looks like a blank space which is not pretty.

I hope there is some kind of fix for this?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Mark,

The hiding strategy may not be wise as Google may see this as "Black-hat" and may penalise you for this.

You may be better off removing the bottom bar completely with CSS.
Photo of Mark N

Mark N

  • 466 Posts
  • 30 Reply Likes
Thank Gop,

Hmm, you may be right there. Not 100% sure how I remove it with CSS, but I'll have a go, at least.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
If it doesn't gel you could try this snippet in your CSS over-rides. It works in FireBug but that isn't completely definitive:

div.sys_footer
{
}


Photo of Mark N

Mark N

  • 466 Posts
  • 30 Reply Likes
Thanks Gop!

My home page needs to be smaller looking at that image!

Unfortunately, your suggestion didn't do anything. However, I've managed to now display just an area of lime green by using the following code;

div.sys_footer {
background:#9f0;
width:100%;
height:50px;
margin:0 auto;
}

div.ys_bottom_nav ul li {
display:none;
margin:0;
padding:0;
}

It seems that "display:none;" has done the trick. It was just a guess, but it worked! I'm still learning CSS by trial and error, but it's more fun that way!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Good work Mark.