- This topic has 5 replies, 2 voices, and was last updated 11 years ago by
.
-
Posts
-
Hi there,
I followed these instructions for making my Lifestyle Pro Header full width http://wpsites.net/web-design/customize-lifestyle-pro-theme-header-image-area/
However, on my smartphone and tablet, it's not showing the full header.
Suggestions? Thank you!
http://AffirmationsForHealthyLiving.comJosie
There's no way your header image would fit in on smaller screens using 1 image.
What you can do is use Media Queries to add different sized header images which display on different sized screens.
Also note: The tutorial you linked to suggest's using the header function to add the image not CSS which was done in your case.
If you follow the tutorial, this is what you get:
You can then remove the padding and modify the CSS in the Media Queries.
Okay, thank you! 🙂
I'm not familiar with media queries so I'm looking it up. So far I found this but it's from 2011 http://www.studiopress.com/design/website-respond-mobile-devices.htm
If you have any resources you recommend, I will look them up as well.
Josie
- The forum ‘General Discussion’ is closed to new topics and replies.