Comments Mathieu started the conversationMarch 18, 2016 at 8:46pmHi,Is there a way to reduce the hero height for smaller resolution only (any screen under 480px width).At the moment on a smartphone it takes too much scrolling to get past the hero.Thanks ! 2,006Support repliedMarch 20, 2016 at 4:13amYou can do that in media queries for certain screen widths, but what's the hero type and the site url?You can also use different hero heights from page options. thanksThank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudio Mathieu replied privately 2,006Support repliedMarch 21, 2016 at 7:14pmInsert into your desired media querries this: #hero { width: 70%!important;} Adjust your value as you wish. thanksThank you. Clapat Support Review Envato Item Support Policy Follow us! https://www.clapat.com/https://www.facebook.com/clapat.ro https://www.instagram.com/clapat.themes/https://x.com/clapatdesignhttps://www.linkedin.com/company/clapatstudiohttps://www.tiktok.com/@clapatstudioMathieu repliedMarch 21, 2016 at 8:25pmThanks for the quick support !I just added this to the custom css :@media only screen and (orientation : portrait) {#hero { height: 40%!important;}}Looking great now on all devices :) Sign in to reply ...
Hi,
Is there a way to reduce the hero height for smaller resolution only (any screen under 480px width).
At the moment on a smartphone it takes too much scrolling to get past the hero.
Thanks !
You can do that in media queries for certain screen widths, but what's the hero type and the site url?You can also use different hero heights from page options. thanks
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Insert into your desired media querries this:
#hero {
width: 70%!important;
}
Adjust your value as you wish.
thanks
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thanks for the quick support !
I just added this to the custom css :
@media only screen and (orientation : portrait) {
#hero {
height: 40%!important;
}
}
Looking great now on all devices :)