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 https://www.idtools.eu and the banner that needs to be disabled is this one: https://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)
  • The topic ‘Hiding a specific image/banner for mobile devices’ is closed to new replies.