Banner Not Responsive
- This topic has 2 replies, 2 voices, and was last updated 8 years, 5 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Hi All…
One of our users just sent the attached image showing our banner image running off the screen on their phone. This is on the latest versions of WordPress, BuddyPress and CBOX with the recommended theme being used. Should this be scaling with a responsive theme? Have I done anything wrong.
The site is: http://www.planetearthlings.org. You need to click “Launch” to go right into the site or scroll around to enjoy the animation and then click to go in. 🙂
Any help would be greatly appreciate.
Thanks,
Greg
The header is responsive, it’s just that the breakpoints for the logo element aren’t quite right. Adding some CSS along the lines of the following should help:
@media only screen and (max-width: 624px) { #logo-menu-wrap img { max-width: 80%; } } @media only screen and (max-width: 512px) { #logo-menu-wrap img { max-width: 60%; } }
Cheers, Christian
Hey Christian…thanks! My web developer friend who wrote the code for the parallax front page found time today to look at it. I’m curious to compare the code you shared with his solution. Will report back next week as I’ll be traveling the next days. Cheers, Greg