17 {{ upvoteCount | shortNum }}
17 {{ upvoteCount | shortNum }}

Need to remove this bar on my menu

by Laura B
14 replies
  • WEB DESIGN
    • |
This just appeared recently on my WordPress site - I sure don't think I changed anything but I must have and didn't notice it right away.

Learn affiliate marketing for beginners

There's this black bar above my menu that acts like part of the nav menu when you roll over it but it links to my LinkedIn page for some reason. There's also a small one over the Home link. I can't figure out how to remove them. Can anyone take a peek?
#bar #menu #remove
  • Profile picture of the author Jimipedia
    Hello Laura,

    I don't know how you template coding look like but you can check Appearance > Editor. Normally it's under Header.php

    Hope this will help.
    {{ DiscussionBoard.errors[3906944].message }}
    • Profile picture of the author Steven Dybka
      From what I see I don't see the black bar your talking about,your site looks fine on my end.


      Steve
      Signature

      {{ DiscussionBoard.errors[3906976].message }}
  • Profile picture of the author MrMarian
    You probably entered your linkedin profile twice... check out header.php at <ul class="menu">.
    {{ DiscussionBoard.errors[3907033].message }}
    • Profile picture of the author Laura B
      Originally Posted by MrMarian View Post

      You probably entered your linkedin profile twice... check out header.php at <ul class="menu">.
      Well, the thing is, this just appeared, and I haven't touched anything in my header in months.
      Signature
      Free ebook: Affiliate Marketing: Just the FAQs
      Affiliate marketing for brand spankin' newbies
      {{ DiscussionBoard.errors[3907106].message }}
  • Profile picture of the author Laura B
    Wow, this is weird. The problem is in Firefox, Safari, and Chrome. IE is fine. Usually it's the other way around!

    Thanks, Jimipedia. I should have mentioned I'm using Thesis.
    Signature
    Free ebook: Affiliate Marketing: Just the FAQs
    Affiliate marketing for brand spankin' newbies
    {{ DiscussionBoard.errors[3907096].message }}
  • Profile picture of the author andrejvasso
    Laura,

    Dont take this as a offense, but the code is horrible

    Now lets see if we can find what exactly is causing this. lets open header.php (or whatever the filename is where you have saved this code - most propably header.php) and we find this (I have allready cleaned it up a bit for readability):

    Code:
    <div id="linkedinlogo">

<a href="http://twitter.com/imteacher/" target="_blank"> </a>
<a href="http://www.linkedin.com/pub/laura-burke/10/436/41a/" target="_blank"><img src="http://skipthescams.com/wp-content/uploads/2010/08/linked-in-logo.png"> </a>

</div>

<a href="http://www.linkedin.com/pub/laura-burke/10/436/41a/" target="_blank"> </a>

</div>
<a href="http://www.linkedin.com/pub/laura-burke/10/436/41a/" target="_blank"> </a>

<ul class="menu">

<a href="http://www.linkedin.com/pub/laura-burke/10/436/41a/" target="_blank"> </a>

<li class="tab tab-home current">
<a href="http://www.linkedin.com/pub/laura-burke/10/436/41a/" target="_blank"></a>
<a href="http://skipthescams.com" rel="nofollow">Home</a>
</li>

<li class="tab tab-1">
<a href="http://skipthescams.com/contact/" title="Contact me">Contact me</a>
</li>

......
    As you can see the linkedin link is there 5(!) times. Now, I cant tell you which one yu should keep, but I am pretty sure you will only need one.

    Lets try to find out what link is doing what:

    -the two links inside the linkedinlogo container are the ones in your logo on the right side.

    -the next two linkedin links are not visible, because they contain no anchor text and no image.

    -the next link is inside your nav-list ("<ul>"). This one will most probably cause the big black bar above your navigation.

    -the next link is inside the first <li> tag. This one may be the cause of the black bar.

    My suggestion is that its either the link after <ul> or the link inside the first <li> that is causing your problem.


    Try to open up the php file which contains that code and delete all unneccessary links and you should be fine.
    {{ DiscussionBoard.errors[3908244].message }}
    • Profile picture of the author Laura B
      Originally Posted by andrejvasso View Post

      Laura,

      Dont take this as a offense, but the code is horrible
      None taken. Good grief, that is a mess. But I thought Thesis was supposed to write fairly clean code. And I still don't understand why it suddenly happened. It just started a couple of days ago.

      Originally Posted by andrejvasso View Post

      Now lets see if we can find what exactly is causing this. lets open header.php (or whatever the filename is where you have saved this code - most propably header.php) and we find this (I have allready cleaned it up a bit for readability):
      Since I'm using Thesis, I don't have a header.php - at least I can't find one. I've checked the header hook and there are no extra links in there.

      I don't know if you know Thesis or not, but maybe my next step should be to post on the Thesis forum. Thanks for your help, though, I appreciate it!
      Signature
      Free ebook: Affiliate Marketing: Just the FAQs
      Affiliate marketing for brand spankin' newbies
      {{ DiscussionBoard.errors[3908514].message }}
      • Profile picture of the author MisterE
        Laura,

        First of all I know very little about HTML and CSS, but, I was playing around with the code in Firebug... I deleted the offending code for the bar that you want removed, after doing so there was still a bit of the bar remaining above the 'Home' tab... I deleted this second bit of additional code and all was fine with the site in Firefox..... My uneducated guess is that it may be a problem with the CSS... Again, I am no expert.

        Mark
        Signature

        "Procrastination is like a credit card: it's a lot of fun until you get the bill" Christopher Parker

        {{ DiscussionBoard.errors[3908692].message }}
  • Profile picture of the author Laura B
    Thanks very much for taking a look. I guess my problem is that I don't know where to go to make those deletions since I don't have a header.php. I've got a post on the Thesis forum asking that very thing.

    Thanks again!
    Signature
    Free ebook: Affiliate Marketing: Just the FAQs
    Affiliate marketing for brand spankin' newbies
    {{ DiscussionBoard.errors[3908764].message }}
    • Profile picture of the author MisterE
      Laura, if your using Firefox as your browser you should try installing Firebug. It's a lot of fun to play with. The only thing you need to know when you're starting out with it is what 'button' to click that highlights the different elements on a page. The button you need to use is the one 'inspect element...' right next to the 'Bug' on the left side of the panel. And just so you can have more fun, whatever element your looking at can be deleted with a click of the right mouse button and choosing delete.. It won't hurt a thing, it's not actually deleting any of your files it's just modifying the code that's being used to display the current page. It truly is a lot of fun to play with.

      There are a ton of additional addons that make working with Firebug even greater. Here's a list to get you started.

      Mark
      Signature

      "Procrastination is like a credit card: it's a lot of fun until you get the bill" Christopher Parker

      {{ DiscussionBoard.errors[3908869].message }}
  • Profile picture of the author Laura B
    Thanks, Mark, but I'm embarrassed to admit I have and use Firebug already. I can use the inspect button to find the problem but it's confusing to me and it seems I can never figure out what file I need to go into to change it for real. I will definitely take a look at those add-ons, thanks! It's probably a matter of just sitting down one day and doing nothing else but learn Firebug, but something else always takes priority.
    Signature
    Free ebook: Affiliate Marketing: Just the FAQs
    Affiliate marketing for brand spankin' newbies
    {{ DiscussionBoard.errors[3909050].message }}
    • Profile picture of the author andrejvasso
      Laura,

      I have had a look at the thesis theme and I saw that it is a rather complex construct. Not that simple to identify where the actual html code is in.

      I have found the header.php (in a subdir) and it calls the thesis_default_header function. Afterall the code that we were talking about is in the following file: "lib/classes/head.php". Additionally most of the head code seems to be created dynamically (I guess you can modify a huge part of this theme via an internal options/design menu ??).

      Additonally, if you didnt touch the php files, than its unlikely that there is any problem at all. My bet is you wont need to edit any .php file afterall.

      Does Thesis allow you to use a custom header with html code? Did you paste some code in there to use as header?

      I think the problem is not the theme itself, but the modifications you have done with it.

      You could try to backup your current site and reinstall the theme to check if the problem dissapears. Than add your plugins and content one-by-one to narrow down the problem.

      Anyways, I suggest you contact the Thesis support team and ask them for help too!

      Regards!
      {{ DiscussionBoard.errors[3909182].message }}
      • Profile picture of the author Laura B
        Originally Posted by andrejvasso View Post

        Laura,
        I have found the header.php (in a subdir) and it calls the thesis_default_header function. Afterall the code that we were talking about is in the following file: "lib/classes/head.php". Additionally most of the head code seems to be created dynamically (I guess you can modify a huge part of this theme via an internal options/design menu ??).
        Yes, exactly.

        Originally Posted by andrejvasso View Post

        Additonally, if you didnt touch the php files, than its unlikely that there is any problem at all. My bet is you wont need to edit any .php file afterall.

        Does Thesis allow you to use a custom header with html code? Did you paste some code in there to use as header?
        Thesis has its own header upload area, and with the OpenHook plugin, it gives you "hooks," or zones where you can put custom code. That's what I've done, but I checked to make sure there wasn't extra stuff in there.

        Originally Posted by andrejvasso View Post

        You could try to backup your current site and reinstall the theme to check if the problem dissapears. Than add your plugins and content one-by-one to narrow down the problem.
        Thanks for the suggestion - that's what I'll do if the Thesis support doesn't help.
        Signature
        Free ebook: Affiliate Marketing: Just the FAQs
        Affiliate marketing for brand spankin' newbies
        {{ DiscussionBoard.errors[3913911].message }}
  • Profile picture of the author Laura B
    Someone on the Thesis forum figured it out - it was the absence of closing anchor tags on the links. I haven't figured out why it was fine for months and months and suddenly started causing that black bar just a few days ago, because I haven't touched it - but in any case, it's fixed now. Thanks again to all here to pitched in.
    Signature
    Free ebook: Affiliate Marketing: Just the FAQs
    Affiliate marketing for brand spankin' newbies
    {{ DiscussionBoard.errors[3915019].message }}

Trending Topics