Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Edit Text Mobile Only


Kaiyo

Question

4 answers to this question

Recommended Posts

  • 0
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
  • 0
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
  • 0
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
  • 0
3 minutes ago, HoaLT said:

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

image.thumb.png.e4a0b8e4d11d59857e24b30830d2e789.png

thanks, that still doesn't fix the line spacing issue though either. I decided just to make the font size smaller so it fits on one line.

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...