Solved

How can I align 'Subscribe to our emails' onto one line on mobile view?

mr_Lynk
Excursionist
28 0 3

pls help me i wanna align " Subscribe to our emails "

Onto 1 Line ( onlyview mobile )

Some people supported me but it's not work 

my URL: https://awcgl3630h6x3jws-85507440942.shopifypreview.com

thank you

mr_Lynk_0-1709640447829.png

 

Accepted Solutions (2)

Moeed
Shopify Partner
3782 956 1186

This is an accepted solution.

Hey @mr_Lynk 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 24px !important;
}
}
</style>

RESULT:

Moeed_0-1709640754718.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

topnewyork
Navigator
259 27 38

This is an accepted solution.

May be you should change your font-size
You can try this code:

Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and add the following code at the end of the file:

@media screen and (max-width: 767px) {
h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 25px;
}
}
Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
3782 956 1186

This is an accepted solution.

Hey @mr_Lynk 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 24px !important;
}
}
</style>

RESULT:

Moeed_0-1709640754718.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
mr_Lynk
Excursionist
28 0 3

thanks so many. its work so good for me

Moeed
Shopify Partner
3782 956 1186

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

AnneLuo
Shopify Partner
422 87 80

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base. css file and add the following code at the end of the file:

@media screen and (max-width: 749px) {
  .newsletter__wrapper h2 {
     white-space: nowrap;
   }
}

The text will be displayed on one line.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

topnewyork
Navigator
259 27 38

This is an accepted solution.

May be you should change your font-size
You can try this code:

Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and add the following code at the end of the file:

@media screen and (max-width: 767px) {
h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 25px;
}
}
Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel