text on mobile to narrow

Solved

text on mobile to narrow

needelp
Tourist
11 0 3

Hello image with text makes text to narrow on mobile, how do i widen it? Using Origin theme
Screenshot_2024-09-02-10-04-09-09_df198e732186825c8df26e3c5a10d7cd.jpg

 

Accepted Solutions (2)
Huptech-Web
Shopify Partner
909 186 190

This is an accepted solution.

Hello! @needelp  Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

 

 

body .image-with-text--overlap .image-with-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

 

 

HuptechWeb_0-1725269883171.png

 


 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Huptech-Web
Shopify Partner
909 186 190

This is an accepted solution.

no @needelp if you add -1 then CSS does not work the minimum 0

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 5 (5)

Huptech-Web
Shopify Partner
909 186 190

@needelp  Could you please share the store URL? This will allow me to inspect it and provide you with a more tailored solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
needelp
Tourist
11 0 3

Nobeltitanium.com

Huptech-Web
Shopify Partner
909 186 190

This is an accepted solution.

Hello! @needelp  Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

 

 

body .image-with-text--overlap .image-with-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

 

 

HuptechWeb_0-1725269883171.png

 


 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
needelp
Tourist
11 0 3

wow thank you! Is 0 maximum or can i go -1?

Huptech-Web
Shopify Partner
909 186 190

This is an accepted solution.

no @needelp if you add -1 then CSS does not work the minimum 0

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required