[masderpiece]

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]

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]

Thank you!

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

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

Could you solve?

[serkan]

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]

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]

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