Featured Collection need help with Responsive CSS for Header and View All Button on Dawn Theme

[grantc00]

Hi everyone,

1. Heading Issue: I've styled the heading of my feature collection section with a margin-left to align it properly on desktop screens. However, this causes the heading to be off-screen on mobile devices. CSS is also include on the screenshot.  I'd like the heading to remain in its desktop position on larger screens but also be fully visible and properly aligned on mobile screens.
2. Button Issue: Additionally, the "View all" button seems to be pushed upwards on mobile screens, making it misaligned with other elements. This isn't the behavior I intended, and I'd like to correct it so that the button's position is consistent across all devices.

Could anyone guide me on how to make both these elements responsive? My goal is to ensure that the heading and the button are both visible and well-positioned on all devices without affecting the desktop layout.

[Dan-From-Ryviu]

Hi @grantc00 

Could you share your store URL?

[grantc00]

5fe303-4.myshopify.com

pw: eumpoh