The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Cannot hide link in responsive layout.

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #43339

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

    Here’s the site.

    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?


    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.


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


    > Thank you so much! :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.