A user is trying to adjust the layout of their image banner section in the Studio theme. On mobile, the title and text appear below the image as desired, but on desktop they want to move the text below the image while keeping the title overlaid on it. They attempted using ‘rich text’ for the description, but this creates an unwanted large gap between the image and text on mobile.
A solution provider responded with basic navigation steps:
However, these instructions only cover basic text editing and don’t address the specific layout customization request. The issue remains unresolved, as the user needs CSS or custom code to achieve different desktop/mobile text positioning rather than standard theme settings.
I’ve been playing around with this but haven’t been able to figure it out. On mobile it looks perfect (the title + text is below the image) but on the desktop I’m wondering if there is a way to bump the text below the image, but possibly keeping the title on the image?
I tried just doing ‘rich text’ for the description but then on mobile it adds a big gap below the image and between the text. Just not winning over here, help please! I’m currently using the studio theme.
Once you Log in to the Admin, then process the following steps:
Step 1: Go to Dashboard ->Online Store ->Theme-> Customize
Step 2: Select Text on Image Banner section and change the text from here
Step 3: Save and check it your store
If you find our reply helpful, please hit Like and Mark it as a Solution.
An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.
