Hide an image only on mobile (Brine 7.0)

Site URL: https://towr.media

I am trying to hide an image from displaying on mobile. I tried a bunch of different CSS tricks and browsed all the forum posts I could find on the topic but none of the tricks worked for me. Maybe I'm missing something, maybe my template from ghostplugins is incompatible somehow? Any help would be much appreciated.

URL: towr.media pw: towr

I am trying to hide the large stylized/textured logo image on the about page since it becomes redundant with the regular logo in footer and looks huge on mobile.

Attached are desktop and mobile previews, and one of the attempted fixes that did not produce any results.

1 hour ago, EthanS said:

Site URL: https://towr.media

I am trying to hide an image from displaying on mobile. I tried a bunch of different CSS tricks and browsed all the forum posts I could find on the topic but none of the tricks worked for me. Maybe I'm missing something, maybe my template from ghostplugins is incompatible somehow? Any help would be much appreciated.

URL: towr.media pw: towr

I am trying to hide the large stylized/textured logo image on the about page since it becomes redundant with the regular logo in footer and looks huge on mobile.

Attached are desktop and mobile previews, and one of the attempted fixes that did not produce any results.

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1642733959352_10129 {
    display: none;
  }
}

Let me know how it works on your site

My testing