Make word appear on last line ONLY on mobile

Site URL: https://debrarbryson.com/book-reviews

Hi Everyone, 

Is there a way to make the word "It" appear on the same line as "...could be a life saver." on mobile ONLY? It looks fine on desktop, but a little weird on mobile. Perhaps a page break between "...new country." and "It..."? 

Thank you so much!

9 hours ago, senecabryson said:

Site URL: https://debrarbryson.com/book-reviews

Hi Everyone, 

Is there a way to make the word "It" appear on the same line as "...could be a life saver." on mobile ONLY? It looks fine on desktop, but a little weird on mobile. Perhaps a page break between "...new country." and "It..."? 

Thank you so much!

Add to Design > Custom CSS

/* Mobile it could be a life saver */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1625691217316_1786 h3 strong:last-child {
    display: block;
}
}

@tuanphan Thank you so much! The ." isn't bolded, so it looks like the code didn't pick up on it and kicked it down to its own line. Is there a way to fix this? 

On 7/14/2021 at 2:17 PM, senecabryson said:

@tuanphan Thank you so much! The ." isn't bolded, so it looks like the code didn't pick up on it and kicked it down to its own line. Is there a way to fix this? 

Would someone please be able to help me with this? Maybe I should insert a page break only on mobile...? I just don't know how to write that code. 

13 hours ago, senecabryson said:

Would someone please be able to help me with this? Maybe I should insert a page break only on mobile...? I just don't know how to write that code. 

Can you make "." bold?

@tuanphan This fixed it! Thank you. 

On 7/21/2021 at 3:10 AM, senecabryson said:

@tuanphan This fixed it! Thank you. 

Do you want to fix this?

Site URL: https://debrarbryson.com/

1. (Mobile – About) Want to move the image on top of the content?

https://debrarbryson.com/about

2. (Tablet – Author) Background image doesn’t show in full size

https://debrarbryson.com/author

Oh, gosh! Thank you so much for following up with me. 

1. (Mobile - About)

I was wondering if the order could be like this on mobile:

1. "I'm Debra, it's nice to meet you."
2. Headshot
3. "It seems like I've been in the...."

Is that possible? Or, is the only option to have the headshot appear entirely before or after the text?

2. (Tablet - Author) 

Yes please!! Thank you for the catch!

On 7/30/2021 at 8:14 AM, senecabryson said:

Oh, gosh! Thank you so much for following up with me. 

1. (Mobile - About)

I was wondering if the order could be like this on mobile:

1. "I'm Debra, it's nice to meet you."
2. Headshot
3. "It seems like I've been in the...."

Is that possible? Or, is the only option to have the headshot appear entirely before or after the text?

2. (Tablet - Author) 

Yes please!! Thank you for the catch!

1. Not really a good way. Add this to Design > Custom CSS

/* Mobile about us order */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1620058309565_6010 {
    display: none;
}
div#block-3dcfea9802ded2450c8e h3:after {
    content: "";
    display: block;
    background-image: url(https://images.squarespace-cdn.com/content/v1/5fda74d2609d110fc83247da/1623687315901-PVLLZJ0A1OR40H5UVZ71/Debra+R.+Bryson.JPG?format=750w);
    background-size: cover;
    width: 100%;
    height: 500px;
    margin-top: 10px;
}
}

2. Add to Custom CSS

/* tablet author image */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="60942d9f46728d0052d3e0d6"] {
    min-height: unset !important;
}
}

@tuanphan Thank you SO much!!! You are amazing. I really appreciate this!