- This topic has 11 replies, 4 voices, and was last updated 4 months, 2 weeks ago by
Elvin.
-
AuthorPosts
-
August 31, 2020 at 9:33 am #1425387
Jan Pecenka
Hi, is possible have two header for one content?
I mean – for desktop have fullscreen feature image and for mobile not.
Thanks. Maybe I wrong described it.August 31, 2020 at 10:06 am #1425433Leo
StaffCustomer SupportHi there,
Tough to tell without seeing your current set up.
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 2, 2020 at 12:55 pm #1428323Jan Pecenka
Hi, I add a webpage.
September 2, 2020 at 1:43 pm #1428357Leo
StaffCustomer SupportAre you referring to the header element/page hero?
You can hide that entire element by adding
hide-on-mobile
class in the custom CSS field:
https://docs.generatepress.com/article/header-element-overview/#element-classesLet me know if this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 4, 2020 at 2:24 pm #1431262Jan Pecenka
Hi, it works but I need something else.
For desktop as fullscrenn, for tablet and mobile like homepage.
It is possible?September 5, 2020 at 5:02 am #1431726David
StaffCustomer SupportHi there,
add this CSS:
@media(max-width: 1024px) { .single-post .page-hero { min-height: 300px; } }
Change the
300px
to set the height you want for mobile and tablet.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 5, 2020 at 12:35 pm #1432277Jan Pecenka
It works. I add these breakpoints:
@media (max-width: 567px) {
.single-post .page-hero {
min-height: 240px;
}
}
@media (min-width: 568px) and (max-width: 768px) {
.single-post .page-hero {
min-height: 360px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.single-post .page-hero {
min-height: 480px;
}
}
@media (min-width: 1025px) and (max-width: 1279px) {
.single-post .page-hero {
min-height: 720px;
}
}THANK YOU
September 6, 2020 at 5:29 am #1432717David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 8, 2020 at 12:06 pm #1435741Jan Pecenka
Sorry for re-open. I have a little question. How i set this on specific page via element. I try .single-page but not work. I updated website link in first post.
September 8, 2020 at 1:26 pm #1435804Elvin Customer Support
Hi Jan,
You can try making a GP Hook Element containing your
<style> ... </style>
and set the Display rule to the specific page you want it to apply to.Here’s a demo video.
https://share.getcloudapp.com/mXuyQNGwWhat basically happens here is we only applied the styling to the homepage/frontpage by placing the <style> inside the wp_head or <head> tag of the homepage/frontpage.
A wise man once said:
"Have you cleared your cache?"September 10, 2020 at 10:46 am #1438415Jan Pecenka
Yes. This is it. Thanks!
September 10, 2020 at 12:11 pm #1438486Elvin Customer Support
No problem.:)
A wise man once said:
"Have you cleared your cache?" -
AuthorPosts
- You must be logged in to reply to this topic.