1

I have removed the "logo", "site name", and "site slogan" from the Theme Settings menu:

Home > Administration > Appearance > Settings > MyTheme

Unchecked: [Logo], [Site Name], and [Site Slogan] under "Toggle Display".

For some reason, these things appear above the header and not in the header, so I am disabling them. But, there is still a small space left. It appears to be coming from a small div containing an anchor tag:

 <div id="skip-link">
    <a href="#main-menu" class="element-invisible element-focusable">Jump to Navigation</a>
  </div>

Can someone help me to remove this the "right way".. or advise me if I'm doing something wrong?

If it helps, I'm using the Zen Theme.

Improve this question
3
  • Quickest way would be to disable the div and the anchor tag using CSS.
    – Ajay Kotian
    Commented Sep 5, 2012 at 17:18
  • @aerozeppelin Ok, but how do I do that? Will that disable the screen-reader stuff? Why don't you answer as an answer so I can upvote you?
    – snapfractalpop
    Commented Sep 5, 2012 at 22:28
  • I found the answer to what was causing the problem here. Somehow, margin-bottom: 1.5em in the css for my nice_menu/superfish menu block was causing the space above it. That's a question for another day. I set margin: 0px; explicitly for the menu block to solve the problem.
    – snapfractalpop
    Commented Sep 7, 2012 at 19:59

2 Answers 2

Reset to default
0

You could do it in the CSS, {display:none;} or {visibility:none;}. As far as screen readers are concerned, I am not sure how they would work. I googled and found this Link.

Improve this answer
1
  • Thanks for the reply. I couldn't upvote yet (my rep is too low), but I gave the green check. The link you provided is helpful.. though the more I think about it, I may try css to give that particular anchor (or it's containing div) absolute position which should remove it from the flow of the page. I will post my results as a comment to my own question. Thanks again for the help!
    – snapfractalpop
    Commented Sep 6, 2012 at 19:55
0

You need to edit the CSS file that has the property:

<div id="skip-link">

Find that rule set in the CSS file and add this line to remove it from the page.

#skip-link {
    display: none;
}

That will remove it from displaying on the webpage. If there is other lines in the decleration you can remove them or not.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.