Increasing size limitations on text on mobile template

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
August 19, 2018 at 1:47 pm #443061

Max
Expired Member

Post count: 60

Hello. I’m wondering if I can change the text limit for the mobile version of my website? On the page it looks great except the text gets cut out with “…”

August 19, 2018 at 2:18 pm #443070

Kor
Moderator

Post count: 16516

Hi Frederick Smith,

Please share the URL of the site in question so we can take a better look at it and also WP temp admin access to your site. You can post the details here using the private reply option below.

Thanks!

August 22, 2018 at 8:40 pm #443608

Max
Expired Member

Post count: 60

This reply has been marked as private.

August 23, 2018 at 2:14 am #443629
Kor
Moderator

Post count: 16516
Hi there,

Insert the custom CSS code into GD > Design > Scripts > Custom Style CSS to remove the “ellipsis” and to resize the font-size so it fits nicely.
```
@media (max-width: 668px){
.sd.home .cat-link, .sd.sd-location .cat-link {    
    text-overflow:inherit!important;
    white-space: normal!important;
    display: block!important;
    font-size:15px!important;
}
span.geodir_term_class.geodir_link_span{font-size:15px!important;}
}
```
August 23, 2018 at 5:01 am #443648

Max
Expired Member

Post count: 60

Hi Kor,

I’m not seeing a change.

August 23, 2018 at 5:21 am #443651

Kor
Moderator

Post count: 16516

This reply has been marked as private.

August 23, 2018 at 6:10 am #443659

Max
Expired Member

Post count: 60

This reply has been marked as private.

August 23, 2018 at 8:13 am #443668
Kor
Moderator

Post count: 16516
Hi Frederick,

I’ve just corrected the custom CSS code and could you check again and see if it works now?
```
@media only screen and (max-width: 600px) {
  .sd.home .cat-link, .sd.sd-location .cat-link {    
    text-overflow:inherit!important;
    white-space: normal!important;
    display: block!important;
    font-size:15px!important;
}
span.geodir_term_class.geodir_link_span{font-size:15px!important;}
}
```
Thanks!

KC
August 23, 2018 at 8:51 pm #443779

Max
Expired Member

Post count: 60

Hi Kor,

Looks great almost! Thanks for all the help.

It removed me the elipse but how do I get the font size to fit correctly? I’ve tried a few changes and it doesn’t work.

August 24, 2018 at 1:26 am #443796

Max
Expired Member

Post count: 60

Nevermind. I fixed it! Thanks!

August 24, 2018 at 2:21 am #443808

Kor
Moderator

Post count: 16516

Hi Frederick,

Thanks for your reply and I’m glad that helped. Let us know if you need anything further.

Thanks!

August 26, 2018 at 6:00 am #444046

Max
Expired Member

Post count: 60

is there an additional element I could add to remove the elipse for popular post category as well on the page?

August 31, 2018 at 9:12 pm #444890

Max
Expired Member

Post count: 60

This probably got buried. But is there a way to remove the ellipse on the popular post category?

September 1, 2018 at 4:02 pm #444951

Kor
Moderator

Post count: 16516

This reply has been marked as private.

September 1, 2018 at 10:57 pm #444967

Max
Expired Member

Post count: 60

Sorry, I mean below that where it shows the places. Their name is cut off by ellipse.
Author

Posts