I really need some help with the last version of Blocs.
I use a standard hero section and when i switch to the mobile version, i don’t manage to keep my image on the screen. It’s always cropped
Any idea ?
Thanks
Gwen
I really need some help with the last version of Blocs.
I use a standard hero section and when i switch to the mobile version, i don’t manage to keep my image on the screen. It’s always cropped
Any idea ?
Thanks
Gwen
A few ways of doing this - but I just create a class in the Bloc and create a mobile image with the person a little more central and use that on the smaller break points and the one you are using on the larger ones.
Remove the image from the Bloc side bar - and add it to the image-hero class you have and create a narrower one. You might need to play around to get it to sit how you want it.
I do this a lot - have fun !
If the image plays a crucial role in the design (as it appears to do in the screenshot), and it’s not a generic pattern background, I strongly advise following @AdieJAM’s suggestion. Creating a separate image for smaller breakpoints with different aspect ratios, applied via a class, is always the superior approach!
Thanks both.
I’m gonna try this and will tell you