Return to previous page

Topic: Header Background Dissapearing

topimr

Participant

March 17, 2017 6:16 pm

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);
}
Site URL: hidden

#157234 copied to clipboard

Like

Rose Tyler

Support staff

March 20, 2017 8:56 am

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 to clipboard

Like

topimr

Participant

March 20, 2017 7:04 pm

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 to clipboard

Like
Rose Tyler

Support staff

March 22, 2017 10:29 am
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 to clipboard

Like