Change Mobile Text Size ONLY- in one section, on specific lines... Anyone?

Site URL: http://www.greenimpactrecycling.com

Hello,

I am looking to fix a few minor things that would require me to change the text size on mobile only. For example, the home page. Only the 3rd line "CLOSING THE LOOP ON THERMOFORMS | NO MATERIAL TOO DIRTY | FDA FOOD GRADE FLAKE, READY FOR EXTRUSION" needs to be smaller for mobile to fit nicely. But if I reduce desktop, it will not be legible. 

Does anyone have some help for this? 

Mobile Only- Certain Sections- On Certain Pages- Certain Text Lines

Thank you kindly 🙂

23 hours ago, TesoroDistinguido said:

Site URL: http://www.greenimpactrecycling.com

Hello,

 

I am looking to fix a few minor things that would require me to change the text size on mobile only. For example, the home page. Only the 3rd line "CLOSING THE LOOP ON THERMOFORMS | NO MATERIAL TOO DIRTY | FDA FOOD GRADE FLAKE, READY FOR EXTRUSION" needs to be smaller for mobile to fit nicely. But if I reduce desktop, it will not be legible. 

 

Does anyone have some help for this? 

Mobile Only- Certain Sections- On Certain Pages- Certain Text Lines

 

Thank you kindly 🙂

You mean reduce text size to make all text in 1 line?

@tuanphanyes

On 7/13/2021 at 1:47 AM, TesoroDistinguido said:

@tuanphanyes

Add to Design > Custom CSS

/* mobile text one line */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1623447132262_2888 h4 * {
    white-space: nowrap;
    font-size: 6px;
}
}

Hi @tuanphan Hope you're well? I have animated my homepage top section main heading with a code for DESKTOP.

But on mobile the heading cuts off.

How do I fix this please?

https://jeanine-thompson.squarespace.com/ password: tuansqsp

On 5/2/2022 at 6:40 PM, Iwan said:

Hi @tuanphan Hope you're well? I have animated my homepage top section main heading with a code for DESKTOP.

But on mobile the heading cuts off.

How do I fix this please?

https://jeanine-thompson.squarespace.com/ password: tuansqsp

It looks like you solved this?