Background Image showing stripes

I am working on a website, http://rohmorgon.com.

When you pull it up on a mobile device, the background images show stripes that appear to be colors from the image. I can’t seem to get the background images to display correctly.

Please advise.

Thanks.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .site-header {
        background-color: transparent !important;
      }
    } 

Regards,
Kharis

That doesn’t appear to be working. There are still just stripes on the
mobile background.

Hello there,

Maybe I saw it wrong. Please take a screenshot of it.

Regards,
Kharis

Here is a screenshot of the problem. You can see the blue lines in the
background.

Bob Peryea

www.thecreativebees.com

262-348-8390

Hi, Kharis,

Any luck with this issue? You can see the stripes in the mobile image, but I can see the actual background image.

Hello there,

Try adding this extra CSS code to Appearance > Customize > Additional CSS from dashboard.

    .header-subtext {
      border-bottom: none;
    } 

Regards,
Kharis

Thanks. That didn’t work. It’s still showing stripes on the mobile site. I
cleared the cache and deleted history and it’s still there.

Any other ideas.

Bob Peryea

262-348-8390