Streaming live at 10am (PST)

Paragraph end up beside my H1


#1

HI there,

I am trying to have my H1 and paragraph not looking missed up on mobile. So I have made my desktop version invisible in Mobile and I am trying to add a new H1 and paragraph for each device with the right width etc…

But each time I add a paragraph to an H1 it ends up side by side.

I am using the new Propel template. I can’t find out why it does that

This my project : https://preview.webflow.com/preview/matts-dandy-project-bb5a46?utm_source=matts-dandy-project-bb5a46&preview=f9390a5ae4ec61c463b6e9ceb9ce1261

Thank you

Matt


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


#2

Hi @MattNZ

You don’t need to make different elements show for different breakpoints if they have the same content, you can style the same element for the desktop, then amend the style on the tablet view and those changes cascade down to mobile.

Here’s a video to try and help and in the video I mention flexbox. If you’re not familiar with this, then take some time to learn it here https://flexbox.webflow.com/ and try the game out too.

CloudApp

Understanding this will really help you make your site responsive.

I hope this helps! Please reach out if you have any more questions.


#3

Thanks so much Mark for the video it makes more sense. I will give it a go and let you know if it doesn’t work out.

Thanks again

Best regards

Matt