Support » Fixing WordPress » Hiding a specific image/banner for mobile devices

  • Hi guys,

    A website I’m working on has some issues with a specific image/banner that messes up the rest of the layout when visiting the website on an iPhone. Now, I know that with a CSS media query I can disable an image from loading on mobile devices, but I’m getting stuck on how to write the code for it.

    The website in question is http://www.idtools.eu and the banner that needs to be disabled is this one: http://i.imgur.com/t21YZ6t.png

    I’ve got the first part of the code to start the media query, but I’m not really sure where to go from here.

    @media screen and (max-width: 400px) {

Viewing 1 replies (of 1 total)
  • You can hide that at 400px screen width using the following CSS:

    @media screen and (max-width: 400px) {
        .home #row_order_2 {
            display: none;
        }
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.