Forums

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

Home › Forums › CSS › Using display:none for a banner image?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2012 at 11:19 am #36191
    stephen_
    Member

    I have a banner logo that is 970px wide. This is fine for desktop and tab devices yet for mobile devices I’m unsure as to display it or not.

    I think display:none; is the better option yet if I wanted to add another banner for mobile devices what is the better css option to use (would rather stay away from .js?

    January 18, 2012 at 12:28 pm #94935
    TheDoc
    Member

    The best solution here would be to use a media query to display a different sized banner.

    January 18, 2012 at 10:47 pm #94982
    MrPixel
    Member

    Wouldnt the width set to 100% on the banner div in the media query make the banner fit the screen of the smaller device?

    January 19, 2012 at 7:34 am #95001
    Paulie_D
    Member

    As @TheDoc says, media queries would be the way to go provided you use the image as a background and not actually put the image in the banner element.

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