I’m somewhat new to WebFlow and having a really hard time with my elements being cut off on mobile. Things look great on Desktop but they aren’t resizing responsively. On my CTA section, the icons disappear and the content overflows on mobile, and in the “about me” section, the spacing doesn’t look right - and my certification badge disappears.
Hey @thekatiegreen , that link is your designer link which won’t let us see anything. If you can share your read only/sandbox link, it allows others to see and edit your project, but the changes won’t affect your site.
In the top right hand of the designer, you should see Share button. Click that, and the in Sandbox link, click the toggle to create a link that will begin with preview.webflow.com/…. and then share that here. That creates a public sandbox of your site, but will not affect your actual site when someone edits it.
You can turn it off, or generate a new link from the same menu.
When creating a layout on desktop, it’s important to consider how it will adapt to smaller screens like tablets and mobiles. In your current desktop breakpoint, the structure isn’t optimized for smaller devices, so you’ll need to make some layout adjustments to ensure it displays correctly across all screen sizes.
You’re currently using pixel (px) values for your font sizes. It’s better to use relative units like rem, as they provide more flexibility and improve responsiveness.
You’ve set a height of 50% for your H1 heading. It’s not recommended to use fixed heights for text elements — the content should naturally determine the element’s height. Try removing the height value to ensure better flexibility and responsiveness.
@ahmed_moeed thank you for your help! i have changed the text to be Rem, but it’s still not resizing responsively to mobile. also the “3 steps to transform” is still getting cut off and i have no clue why. can you help? i’m used to wordpress where you could change settings for mobile and desktop - or make an element only show up a certain way on mobile.
