- This topic has 9 replies, 3 voices, and was last updated 7 years, 7 months ago by
.
-
Posts
-
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.
Customer Support
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.
Customer Support
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 🙂
- You must be logged in to reply to this topic.
