Hi,
I would like to know how to contain the entire featured image within the header element hero section. At the moment it is entirely spread over the header element.
You can see the screenshot here http://prntscr.com/neh1id
I want it on the right hand side of the header element. Please help.
Well, it is certainly achievable as per your recommendation but the mobile version may behave differently from that of the design ideas.
So, placing the featured image as a background image would have design accuracy in this regard.
Anyway, let me know what your suggestion is? You are certainly in a better position to advise me.
Please note that this will apply to all Header Elements. If you wish to apply it to only that specific Element then in the Header Element you can add a class name to the Element Classes field e.g custom-hero then replace the .page-hero in your CSS with .custom-hero