Archived topic
Page Hedrs for mobile
5 replies · Started by racheli on December 17, 2017
hello
lovw this feture.
How can I make the size fit to mobile?
can I cahnge the css to be more responsive? or
is there an option upload a diifernt picture for the mobile verion?
Thank you
Hi there,
The home page page header is using created using Elementor so you'd have to ask them how to switch the image out for mobile.
If you are using GP page header, the CSS in #1 here should work: https://generatepress.com/forums/topic/customize-mobile-header/#post-390306
Hello,
I am talking about the iiner page banners. like this page:
link
i Tried this but didn't work:
/*start banner size for mobile*/
@media (max-width: 768px) {
.generate-content-header {
background-repeat: no-repeat;
background-size: 500px 500px !important;
background-color: #09F;
}
}maybe you have another ides to make banners bigger on mobile screen?
That image is added in as static image, not background image: http://the-uranus.co.il/wp-content/uploads/2017/12/toys_banner_wide2.jpg
I'd recommend split the image and the content (URANUS) so that you can add the background as background image and URANUS as page header content.
Great did that and add some ccs.
working great.
No problem!
