I am using the Dawn theme for my Shopify store and have an image banner with a heading, text, and button. I would like to move these elements slightly higher on the page. Currently, they are aligned to Top Center. I attempted to adjust this using the following code:
.banner__box > :first-child {
margin-top: XX;
}
While this works well on the desktop version, it doesn’t look good on mobile. I would like to find a solution that ensures the layout looks good on both desktop and mobile. Alternatively, I’m looking for an option to adjust these elements individually for desktop and mobile views.