Archived topic
Image full width?
9 replies · Started by Chris on September 1, 2018
How can I place a image full width like: https://www.beurstrading.nl
For all pages. This is a header?
I try it on the website http://www.chrisbuis.nl but I can not do it.
Hi there,
That can be done using Page Hero in Header Elements:
https://docs.generatepress.com/article/header-element-overview/
https://docs.generatepress.com/article/page-hero-examples/
Let me know if this helps :)
Thanks Leo, tomorrow I will learn to do it 😱👍
No problem :)
Best Support,
I have the image full width! See: https://www.chrisbuis.nl
But I must put some text in it? When I remove the text then the image is not visible.
The Page Heros require something in the content for them to work, just add an empty span <span></span> or HTML comment <!-- Hero no content -->
Thanks! Can I hide this image on mobile phones?
Yup you can use this CSS:
@media (max-width: 768px) {
.page-hero {
display: none;
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Thanks! it works :-)
No problem :)