Jump to content

Edit Text Mobile Only

Recommended Posts

20 hours ago, Kaiyo said:

Site URL: https://www.kaiyosonics.com/

Is it possible to make this:

470231844_Screenshot2021-09-24183858.jpg.2e7dae14717912c4cff69e9ecad1f805.jpg

look like this:

1164119191_Screenshot2021-09-24183932.jpg.3a9e6bcf8345748c08090faff15c1499.jpg

on mobile only?

I just want a line break and no space after pursue as in PURSUE<br />YOUR PASSION 

just not sure of the code to implement it on mobile only

Cheers!

You can apply the following steps:

1. Home > Pages > Edit your heading > Set bold for "Your Passion"

image.thumb.png.c838dece7dede610ed382e39e6f9eadc.png

2. Home > Design > Custom CSS

#block-5441a2f77e4fa42d5289 h1 strong {
    font-weight: inherit;
}

@media only screen and (max-width: 768px) {
	#block-5441a2f77e4fa42d5289 h1 strong {
    	display: block;
	}	
}

Hope that it is ok for your site!

Edited by HoaLT
Link to comment
On 9/25/2021 at 3:20 PM, HoaLT said:

You can apply the following steps:

1. Home > Pages > Edit your heading > Set bold for "Your Passion"

image.thumb.png.c838dece7dede610ed382e39e6f9eadc.png

2. Home > Design > Custom CSS

#block-5441a2f77e4fa42d5289 h1 strong {
    font-weight: inherit;
}

@media only screen and (max-width: 768px) {
	#block-5441a2f77e4fa42d5289 h1 strong {
    	display: block;
	}	
}

Hope that it is ok for your site!

hi, this solution puts it onto a new line but it doesn't remove the space between 'pursue' and 'your' so the text isn't properly centered. It also doesn't create the same line spacing as between 'your passion' and 'for music'. Any ideas to fix those issues?

image.png.0f85f375ae0f79f8e594bf77a5a848cb.png

Link to comment
2 hours ago, Kaiyo said:

hi, this solution puts it onto a new line but it doesn't remove the space between 'pursue' and 'your' so the text isn't properly centered. It also doesn't create the same line spacing as between 'your passion' and 'for music'. Any ideas to fix those issues?

image.png.0f85f375ae0f79f8e594bf77a5a848cb.png

Try adding space at the beginning and ending of "Your passion"

image.thumb.png.e4a0b8e4d11d59857e24b30830d2e789.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.