Streaming live at 10am (PST)

Responsive hero and Heading text


#1

Hi,

i’m a newbie to webflow.
is there a way to insert a heading over a responsive image hero so that both scale down depending on what device the site is being shown on.

Thanks

The responsive image is on the page named "retail"
https://preview.webflow.com/preview/skdev-oct?preview=7ad4a89b841eedcb6dfb654f2c5d8c78


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

I tend to use a DIV with a background image via the Settings sidebar tab.
You’ll need to do all of the image stuff on the Style sidebar tab (Sizing: Cover, background-position: Center, no-repeat, etc.).
Unfortunately, you’ll need to setup the sizing of the DIV to hold your image in an acceptable size at all breakpoints. Just toy around with it. Let us know how it goes.


#3

Thanks.
I’ve was able to finally make the hero image responsive but now i’m having trouble putting text over the hero image that will scale down automatically for each device the page is viewed on. Any ideas?


#4

This is the part where exploring the possibilities within webflow is the best plan of attack, I think.
It will get you more familiar with the platform and all of the various controls. That’s my current direction, anyhoo.
Sizing text inside an responsive background DIV can be difficult especially when it’s for a client.
Please let me know what worked for you and share it with the peoplez.


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.