Changing the Hero Section
In the website editor
1. Click on the hero section (green outline)
2. Click on the image icon
3. Double-click on the image you want to add
4. Click the mobile icon
5. Save if the image looks good on both mobile AND desktop. Publish to go live.
6. If the image isn't good enough, you can make 2 SEPARATE HERO SECTIONS - 1 for desktop and 1 for mobile. Click the duplicate icon (the 2 square boxes) when a green outline is highlighted.
*This can be tricky, and you may have to duplicate within the mobile view instead of the desktop view. You even may have to duplicate the menu to reach the green outline. Make sure to remove any duplicated elements you don't need.
7. You should now have a copy of the hero section. Click the top one.
8. Click on Advanced (on the right side)
9. Click on the mobile icon. This will hide it from mobile view.
Blue = live. Gray = Hidden
10. now click the 2nd hero image
11. Click on Advanced
12. Click on the computer icon. This will hide it from desktop view.
13. Click on mobile view.
14. Click on the hero image
15. Click on General
16. Click on image
17. Double-click on a new image just for mobile view.
18. Save your changes, or push Publish to go live.
