This topic has 4 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler
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);
}
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.
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
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.
You must be logged in to reply to this topic.Log in/Sign up