Hiding an element in CSS

  • Resolved salonethree

    (@salonethree)


    9 years, 5 months ago

    Hello, my site is http://www.inheritanceexpert.com and I am having a problem hiding a certain element for my mobile side. It is the words underneath the header “without comments” I basically have it set like this

    @media only screen and (max-device-width: 500px){
p. comments{
diplay: none;
}
}

    I am not sure why it is not working, I havent had trouble hiding elements like this before.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    I am not sure how to turn on notifications of reply so ima just reply to myself

    Thread Starter salonethree

    (@salonethree)

    9 years, 5 months ago

    So i figured it out:

    when you target the content you must also specify if its in a certain container
    since this title was inside the “content” container the code should look like this

    @media only screen and (max-device-width: 500px){
#content p.comments{
diplay: none;
}
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Hiding an element in CSS’ is closed to new replies.