Hide duplicate dropdown menu link

[jared]

I want to hide “login” from the top menu, but keep it to the right of the logo. I also want to hide the “subscribe” dropdown link next to the logo. But keep it in the top bar.

I would also like to change the word “subscribe” to say “Subscribe to our newsletter!”

http://goofballandsuperduck.com/

[Kyle – SUPPORT]

Hi there

1) Add this custom css:

.header-right .header-menu .menu > li:last-child {
  display: none;
}

2) Go to includes/swift-framework/sf-content-display/sf-header.php and find line 672. Where is says “SubscribeBS” change it to “Subscribe to our newsletterBS”

– Kyle

[jared]

That worked the problem is I want to hide the subscribe from the right menu, keep “my account”. And I want to hide everything BUT the “Subscribe” form the top left menu.

Thanks

[Melanie – SUPPORT]

Okay, change last-child to first-child, that should remove the subscribe from the right.

.top-menu li:last-child {
display: none;
}

will hide the login from the left!

[Kyle – SUPPORT]

Ahh sorry, change the css to:

.header-right .header-menu .menu > li:last-child {
  display: none;
}
.top-menu .menu li:last-child {
  display: none;
}

– Kyle

[jared]

That fixed part of it. The issue I’m having is when logged in the top menu is showing “sign out” I’d like to hide that. Also the right menu I’d love for the order to be “my account” and then “sign out”.

[Kyle – SUPPORT]

Ok try this:

.header-right .header-menu .menu > li {
  display: none;
}
.top-menu .menu li {
  display: none;
}
.header-right .header-menu .menu > li:first-child {
  display: inline-block;
}
.top-menu .menu li:first-child {
  display: inline-block;
}

– Kyle

[jared]

This reply has been marked as private.

[Kyle – SUPPORT]

I don’t see the CSS that I gave you in your custom css?

– Kyle

[jared]

I just pasted it right now again, and it’s still just showing the “newsletter” in the right, “my account” and “login” are no longer showing.

[Kyle – SUPPORT]

Where are you pasting the CSS? When I go to Theme Options > General, then go to the custom css box it is not there

– Kyle

[jared]

It keeps deleting my css. I had css to center the menu too and that disappeared. Have you ever had this problem? I just re-pasted the code above and only the “newsletter” showing. I need “newsletter” to be hidden on the right, and just have “my account and Logout” on the right.

[Kyle – SUPPORT]

For some reason the CSS in not in your theme options, however it is still applying in the front end.

This should work:

.top-menu .menu li {
  display: none;
}
.top-menu .menu li:first-child {
  display: inline-block;
}
.header-right .header-menu .menu > li:first-child {
  display: none;
}

– Kyle

[jared]

The top left bar is fine, it’s only showing “newsletter” which is what I want. But the right menu is only showing “newsletter” too and that’s not what I want. I want the right menu to only be “my Account” and “login/logout”. I’ve attached an image showing.

[Kyle – SUPPORT]

That’s because the previous CSS I gave you is still there (see screenshot)

You need to remove:

.header-right .header-menu .menu > li {
  display: none;
}
.top-menu .menu li {
  display: none;
}
.header-right .header-menu .menu > li:first-child {
  display: inline-block;
}
.top-menu .menu li:first-child {
  display: inline-block;
}

– Kyle