All things Shopify and commerce
Hello guys, how can I make the Titel display in full width in mobile? Btw that's an image text section.
Hi @NikosBat
Please follow and add the code below to your CSS field:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there
Here is the code for Step 3:
@media screen and (max-width: 768px){
div.image-with-text__content {
padding-inline: 0 !important;
}
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Thank you very much DaisyVo that worked for me
Hi @NikosBat
Thank you for your confirmation. Please let me know if you need anything else ❤️
Hello @NikosBat
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
.image-with-text__content {
padding: 4rem 0 !important;
}
h2.image-with-text__heading.inline-richtext.h1 {
width: 100% !important;
font-size: 25px !important;
}
}
</style>
RESULT:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Thank you very much Tech_Coding that helped me
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025