Archived topic
Mobile & Tablet header size
5 replies · Started by Diana on June 7, 2017
Hi!
I put an image with Page Header and is OK in Desktop version, but I can't see at Tablet and Mobile version.
I don't kwnow why!! Can't you help me, please?
Thanks
Hi there,
Can you provide a link to your site? Thanks!
Hi Leo, the link is http://portfolio.dianamoyarodriguez.com/.
The image doesn't appear centered and does not look good at Tablet and Mobile version.
Thanks
Background images aren't really responsive by nature, but you can make it look better by adding this CSS:
.generate-content-header {
background-position: center center;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
If you want the image to scale on smaller screens, you would want to upload it as a featured image (no page header content): https://docs.generatepress.com/article/adding-featured-images/
Hi Tom,
Thank you very much!! Now, it looks great!!
You're welcome :)