I’m trying to add a large full-width image with responsive text to the top of my page, and have a sidebar below it. I can’t find a full solution, but here is what I’ve tried:
1. Create a full-width row element, and make it responsive (example: https://www.rivercityfoodtours.com/tours/downtown-sip-savor-tour/)
With this, the large image and text looks good, but I can’t use a sidebar or it will cover part of the image. Is there a way for the sidebar to start lower down the page, after all full-width elements?
2. Use Featured Image element in back-end editor
With this solution, I cannot put any text over the image, and the image is not responsive (looks bad on mobile). Is there a way to add text and make it responsive?
3. Use Custom Title element in back-end editor
With this solution, even setting ‘Choose Heigh Scheme’ to extra-large doesn’t make the image large enough to show the whole thing. Is there a way to make it larger?
Thanks for your help, all of the options are above have some things I need, but all are missing one critical piece (text/responsiveness, push down sidebar).