Cannot hide link in responsive layout.

[kmj2318]

Hello. This is my very first website and I’m having a bit of trouble.

Here’s the site.
http://dhana-jordan.appspot.com/index.html

It’s just a student website for my mom. The problem I have is that I can’t hide the “Close” link at the top right. It’s purpose is to close the dropdown nav for small screens. I set it in the id= “back”. When I try to alter it in anyway it doesn’t do anything at all. Does anybody have any ideas?

[kmj2318]

No luck, #back or #back a is not responding to anything I do to it. Here’s my css for #back:

#back {
/* establish a positioning context for the closer */
position: relative;

}
#back a {
/* turn the link into a ghost */
background: transparent;
border: 0;
text-indent: -999em;
/* make it fill the screen */
position: absolute;
top: -101em;
bottom: -101em;
left: 0;
right: 0;
/* ensure it sits behind the other links */
z-index: 0;
}

I got this code from a tutorial. When I delete all of this code, it changes nothing. So I’m guessing it’s inheriting something that I can’t figure out how to change.

[wolfcry911]

you’ve placed the hashtag in the html id attribute – it should only be in the css

[kmj2318]

> Thank you so much! :)

[Author]

Posts