I have the arrow circle image, but don’t know how to set it so it half overlaps the hero section and the section beneath it. I’d much appreciate any help, many thanks.
Set the parent element to position:relative and then apply position:absolute to the circle image. Then set it to the bottom of the page and center it (margin-left:auto, margin-right:Auto). Then use the transform tool to move it down to where you want it to be.
Remember to always put in a preview share link when you ask for assistance on the forums! It makes things much easier!
I agree with @Hamzster but, best to use the position tool to move it down where you want it to be - not the transform tool as transform has poor compatibility with some web browsers - so avoid if not needed.
The parent element is the HeroSection, ie the whole of the section that contains the background image of glasgow and everything else on it. It’s current position is set to auto (static). Is it ok to set that to position relative? I’m worried it’s going to mess the layout up.