Big letter in mobile phone

Posted in : Impose
masderpiece
Participant
25 December 2016 at 14:30
#46162

Hello,

I have a problem.
When I watch the posts in mobile phone, the first post letter is something wrong.

URL : http://monkey-climb.com/2016/12/25/1/

I am using these css codes to make bigger the post letter and make the first letter the same.
It is good working, when I watch the posts in pc.

@media screen and (min-width: 768px) { .single-post .entry-content { font-size: 15px; } }

.drop-cap:first-letter, .single-post .entry-content > p:first-child:first-letter { font-size: 15px; line-height: 1.9; font-weight: normal; padding: 0; }
serkan
Moderator
27 December 2016 at 10:54
#46213
Hi, You can try to use this custom css code;
```
@media screen and (max-width: 768px) { .drop-cap:first-letter, .single-post .entry-content > p:first-child:first-letter { line-height: 1.4; } }
```
Thanks
masderpiece
Participant
30 December 2016 at 02:12
#46317

Thank you!

It is getting better. But, It is not perfect.

http://monkey-climb.com/2016/12/25/1/

Could you solve?

serkan
Moderator
30 December 2016 at 17:53
#46325

Hi,
You can increase or decrease the line height. I don’t really recognise the difference your letters. If you give me more details, I could help you. More clearly, can you tell me what the mistake is?

masderpiece
Participant
9 January 2017 at 15:58
#46547

Thank you, I give you more detail.

When I watch it in iPhone, the first post letter is still big.

http://monkey-climb.com/wp/wp-content/uploads/2017/01/iphone.png

When I watch it in internet Explorer PC, it is down.

http://monkey-climb.com/wp/wp-content/uploads/2017/01/internetexplorer.jpg

When I watch it in firefox PC, it is up

http://monkey-climb.com/wp/wp-content/uploads/2017/01/firefox.jpg
serkan
Moderator
11 January 2017 at 14:54
#46580
Hi,
Could you try to add this custom css code and check if there is any difference,
```
.drop-cap::first-letter, .single-post .entry-content > p:first-child::first-letter {  float: none; margin-bottom: 0px; }
```
Thanks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Impose Blog WordPress Theme

by pixelwars