Titel full width

[NikosBat]

Hello guys, how can I make the Titel display in full width in mobile? Btw that's an image text section. 

[DaisyVo]

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.

[NikosBat]

Thank you very much DaisyVo that worked for me

[DaisyVo]

Hi @NikosBat 

Thank you for your confirmation. Please let me know if you need anything else ❤️ 

[Tech_Coding]

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.

[NikosBat]

Thank you very much Tech_Coding that helped me