Comments 1hendrixx66 started the conversationAugust 11, 2023 at 11:49amHelloI like the template a lot, great stuff!I would like to adjust the hero image constrains inside Portfolio. Because right now is set to center scale and I would like to set it left and top.This means that on vertical mobile, I see the center of the hero image. I would like to see the left side.Where is that possible?Thanks 2,006Support repliedAugust 11, 2023 at 1:49pmHello,if it is about the top hero section in portfolio item pages you can play with the background-position CSS property:https://developer.mozilla.org/en-US/docs/Web/CSS/background-positionand you can set it only for mobile resolutions:for example@media only screen and (max-width: 767px) { #hero-bg-image { background-position: 50% center; }}and you can play around with the values (and media breakpoints 767px, 1024px etc)Add the code to customizer -> additional CSSThank 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 Sign in to reply ...
Hello
I like the template a lot, great stuff!
I would like to adjust the hero image constrains inside Portfolio. Because right now is set to center scale and I would like to set it left and top.
This means that on vertical mobile, I see the center of the hero image. I would like to see the left side.
Where is that possible?
Thanks
Hello,
if it is about the top hero section in portfolio item pages you can play with the background-position CSS property:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
and you can set it only for mobile resolutions:
for example
@media only screen and (max-width: 767px) {
#hero-bg-image {
background-position: 50% center;
}
}
and you can play around with the values (and media breakpoints 767px, 1024px etc)
Add the code to customizer -> additional CSS
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