Aug 29, 2020 5:36 AM - edited Aug 29, 2020 5:42 AM
The Parallax Hero Banner module is very popular in the marketplace but I noticed it had a few negative reviews mentioning how it wasn't performing well on mobile. Below is an example.
"We liked it initially, but after using it a bit we found that the image didn't render on phones well (not the phone view in edit mode), also it left space vertically; sadly we took it off." - Bob Burk
So I decided to address these issues and create my own module to make it work better on mobile devices by using two images instead of one. One square image for mobile and one rectangle image for larger width screends. This gives the author some "art-direction" control on how the banner looks on different devices.
View a demo.
Would also appreciate any feedback you might have.
Located in Michigan, USA
Jake Lett — HubSpot Theme Designer & Developer
Dec 15, 2021 8:58 AM
Thank you for the guide. I followed instruction but I keep having trouble with responsive. Perhaps, should I change the size of the pictures?
I am using the same for both platform: pc and mobile.
Sep 2, 2020 12:22 AM