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

Make word appear on last line ONLY on mobile


Question

  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

9 answers to this question

Recommended Posts

  • 0
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!

IMG_724345617D3F-1.jpeg

Screen Shot 2021-07-13 at 5.10.48 PM.png

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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? 

IMG_2223CEB7841E-1.jpeg

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. 

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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

debrarbryson.com-01-min-1.png

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

https://debrarbryson.com/author

debrarbryson.com-02-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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!

Link to comment
  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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