I want the content in the image banner to be more narrow so that it doesn’t overlap with the person in the image. The heading should be the same distance away from the person that the subhead currently is.
I have already added code to the theme.liquid file to remove padding on the left side of the content section.
I don’t want this to affect how the content looks on mobile, only on desktop.
Thank you.
Hello @aidanbrown ,
I understand you are looking to fix the issue of your image banner content.
Please add the below mentioned code in your theme.liquid file before tag for getting the desired output in the desktop screen.
.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient {
max-width: 62rem !important;
}
Output → https://prnt.sc/lVq2wngdem_X
I hope the solution helps you.
Please let me know if you have any query.
Thank you.
This worked. Thank you for your help!