Home page Main Image Not Responsive in Mobile

Hi 🙂

The challenge is this line:

<span style="display:block;clear:both;height: 0px;padding-top: 250px;"></span>

Remove the above span tag. If you instead insert the image directly using a SiteOrigin Editor or Visual Editor widget (Black Studio TinyMCE), the image will re-size normally.

If we’re planning on placing text over the image then it might be better to install the Widgets Bundle: https://wordpress.org/plugins/so-widgets-bundle and use the Hero widget.

If you want to stick to the current background and place text over it then we’ll need to use custom row classes and media queries to carry it out in a responsive manner.

Let me know if you want to keep the title “Home” on the home page. If so, I can help remove that spacing that shouldn’t be there above the page title. If you want to remove it just edit the page and set the Page Template in the right column to Full Width No Title.

We’re at GMT+2 in Cape Town so most likely back with you tomorrow 🙂