Return to previous page

Header Background Dissapearing - by topimr

This topic has 4 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

topimr

Participant

March 17, 2017 at 18:16

Good afternoon, I hope you are well. I have a weird issue. I have a faded transparent image as the background for my site. It works great on some computers but then it disappears on others. Below is the code I am using.

You can see if you go to http://quirktools.com/screenfly/ and test the site. The background is there on the 15in monitor then disappears on the 19 in? It also disappears on the iPad pro. What could be causing this?

Thank you in advance for the help.

.header-wrapper.header-type-2.header-transparent.header-scrolling {
background: url(img/gray-fade.png);
}
.home .header-wrapper.header-type-2.slider-overlap.header-transparent.header-scrolling {
background: url(img/gray-fade.png);
}

#157234 Copied

3 Answers

Rose Tyler

Support staff

March 20, 2017 at 08:56

Hello,

Sorry, but it’s a bit unclear for me.
I’ve tested your site and didn’t see the problem http://prntscr.com/em4r4a.
Could you please show screenshots for better understanding and clarify with more details what you want to achieve?

Regards,
Rose Tyler.

#157294 Copied

topimr

Participant

March 20, 2017 at 19:04

No problem here is a screen print. Can you see how the header has a light gray background? It doesn’t show up half the time. You can see on the screen print you sent me that it is not there. But it shows up most the time in other browsers. Basically I need the header to use that transparent image that is in the code I put in the original ticket.

http://54.215.1.130/~thinktankdrones/wp-content/uploads/2017/03/temp.jpg

#157360 Copied
Rose Tyler

Support staff

March 22, 2017 at 10:29
Hello,

Try to change your code to:
```
.header-type-2.slider-overlap .top-bar, .header-type-2.slider-overlap .header {
    background-color: rgba(255, 255, 255, 0.69);
}
```
Regards,
Rose Tyler.
#157492 Copied
Viewing 4 results - 1 through 4 (of 4 total)