Hi there,
Two solutions for this:
– Change the background position on mobile with this CSS:
@media (max-width: 768px) {
.page-hero.phalt {
background-position: center center;
}
}
– Use a mobile specific background image for this header element:
@media (max-width: 768px) {
.page-hero.phalt {
background-image: url(https://MOBILE-IMAGE-URL)
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps π