Can you also help me with making the text and overlay stay uniform to the size of the image and screen when changing to smaller screen sizes?
Example- if I change the screen to a small Phone screen then the text overlay is not uniform in size to the image and text stays the same size.
CSS used: on first two images:
<h1 style=”padding: 20px; background: rgba(191,119,135,0.3);color: white;vertical-align:middle !important;position:absolute;font-family: Roboto;font-weight: bold;”>Looking to take your business to new heights</h1>

The 3rd Image on the Demo page is just using Code box but still having issues with the Text overlay not staying uniform to the size of the image when changing screen sizes. Different CSS used here:
I also cannot force the image to be full Browser width when not using a color section.

See link below: https://webatwork.com.au/demo-2

• This reply was modified 7 years, 6 months ago by bnel.