mobile view covers background image

Hi there.

Thank you for writing in.

We have checked your screen captured.

Do you mean to say that the slider image is hidden with the header size in the mobile view?

You can fix it in the responsive.css file. You can decrease the height of header caption in order to display the background slider image.

You can also change the background color for header with responsive.css file.

Thanks.

The blue bar, which is a background image, behind my header image (png), gets masked over by white, when in mobile. Works/responds perfect when wider than 940px. Can you be more specific on what to revise. I tried many revisions on the response.css file and none solved the problem.

Hi Big Beef.

Can you send us your site url so that we can have a look on it?

Thanks.

I’ve exhausted testing the responsive.css and styles.css. My site is not complete and not up live so I cannot send you a URL. Perhaps this will illustrate better (link to screencapture: https://www.mcsadv.com/images/accesspress,%20lite%20responsive.png)What is shaded pink, I need to be transparent so the blue bar (backround image) shows behind logo. Or do you have another idea that will help give me the look I need.

Hi there.

Can you check out this screenshot of our demo header in the mobile view here?

This Screenshot. is completely different form yours.
We are not sure how you have made a double background.

We inspected it from our demo site. Hope the code will work for you.

@media screen and (max-width: 580px)
#masthead .site-branding {
    background: transparent !important;
}

Thanks.