Community @ The Turning Gate
Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
- New user registrations are disabled.
- Users cannot create new topics.
- Users cannot reply to existing topics.
You are not logged in.
- Topics: Active | Unanswered
Pages: 1
#1 2020-04-25 19:41:18
- Kubicixfactor
- Member
- From: Shropshire, UK
- Registered: 2015-08-19
- Posts: 74
Backgrond colour on mobile display
I've been fiddling around with my masthead this morning, I've now run out of work to do 
I've got a background gradient in the masthead and my transparent logo sits over that:
header{
background: linear-gradient(white,#70bcea);
}
Now this works absolutely fine for desktop and ipad displays, but the gradient doesn't show up on an iphone. Could anyone point me to a CSS tip so I can get this to work on a mobile display please?
Thanks
Steve
Last edited by Kubicixfactor (2020-04-25 19:50:14)
Offline
#2 2020-04-25 23:26:39
- rod barbee
- Moderator
- From: Port Ludlow, WA USA
- Registered: 2012-09-24
- Posts: 17,830
- Website
Re: Backgrond colour on mobile display
there may be a different selector for the mobile masthead or you may need a media query. can you share a link to the site so we can see what’s already there?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
#3 2020-04-25 23:44:51
- Kubicixfactor
- Member
- From: Shropshire, UK
- Registered: 2015-08-19
- Posts: 74
Re: Backgrond colour on mobile display
Thanks Rod, I was looking at media query but couldn't make it work in the iphone - had some success with it on the ipad (when turned to portrait orientation) though.
https://www.adecentexposure.co.uk
Thanks
Steve
Offline
#4 2020-04-26 00:22:47
- rod barbee
- Moderator
- From: Port Ludlow, WA USA
- Registered: 2012-09-24
- Posts: 17,830
- Website
Re: Backgrond colour on mobile display
when I look on my ipad or iPhone I’m seeing the gradient background with your logo on both devices.
on both, the flower in the upper right gets obscured, on the iPhone in portrait orientation it’s completely hidden by the mobile menu.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
#5 2020-04-26 02:03:54
- Kubicixfactor
- Member
- From: Shropshire, UK
- Registered: 2015-08-19
- Posts: 74
Re: Backgrond colour on mobile display
Thanks for looking Rod. That's not the same for me and I've cleared the cache as well - mine's an iPhone 7, which one are you using?
Steve
Offline
#6 2020-04-26 02:22:46
- rod barbee
- Moderator
- From: Port Ludlow, WA USA
- Registered: 2012-09-24
- Posts: 17,830
- Website
Re: Backgrond colour on mobile display
I've got an iPhone 6
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
#7 2020-04-26 02:30:56
- rod barbee
- Moderator
- From: Port Ludlow, WA USA
- Registered: 2012-09-24
- Posts: 17,830
- Website
Re: Backgrond colour on mobile display
hopefully someone else will come along and look on their phone.
Probing the page with the Inspector shows that the css is being applied.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
#8 2020-04-26 03:32:22
- Kubicixfactor
- Member
- From: Shropshire, UK
- Registered: 2015-08-19
- Posts: 74
Re: Backgrond colour on mobile display
Really odd - it's working ok now. Thanks again for looking Rod!
Offline
Pages: 1