Archived topic
Header Photos Optimized for Mobile
3 replies · Started by Colton on August 15, 2017
Viewing posts 1–4 of 4
Hey GP,
My header photos that are merged with the primary navigation don't seem to shrink down on a mobile phone. The photo stays large unlike all the other photos that can be see in their entirety. How do I adjust them?
my site is coltsimmons.com
Thanks!
Hi there,
Unfortunately background images are not responsive by nature unlike static images.
You can try replacing it specifically for mobile like this:
@media (max-width: 768px) {
.generate-content-header {
background-image: url(https://URL-HERE);
}
}Let me know if this helps.
Where would I enter this code?
This should help: https://docs.generatepress.com/article/adding-css/
This archived topic is closed to new replies.
