[isaumya]

Hi,
I’m having a couple of issues with your theme.
1. When screen sizes decrease on the front blog page both the excerpt and the read more sections gets hidden, which I don’t want. I want it to be shown to all screen sizes. I’ve checked the customizer but couldn’t find any settings to do that.
2. Even though on PC the site looks great but when the screen size decreases especially <768px all font size gets messed up. The body text, become so small that it can’t be read. The same thing goes for heading. Can you let me know how to fix this? I’ve already tried setting up the font size from the customizer over and over but that changes only shown on the PC version. I think something is wrong, I can’t possibly add multiple media queries for multiple screen font size.
For example, this is how my site with this theme looks on a phone: https://i.imgur.com/iT8QPGW.png
and here is some other site from the internet: https://i.imgur.com/X8Htyr4.png

Now the crazy thing is inside to inspect element when I reduce the screen size and check for CSS the only font size reference I could find is font-size: 13px which is tagged to html tag -> main.css on line 35. So it is making everything small. Now generally I have never seen using specific font size for html tag generally it is 100%. But anyways I’m letting you know so that you can give me a better idea about how to solve this. Screenshot: https://i.imgur.com/ZvFNvr2.png

My dev site link: http://mightymamma.sescollege.org/

Looking forward to your reply.

[serkan]

Hi,
1) You can use this custom css code;

.blog-list .entry-content, .blog-list .comment-link { display: inline-block; }

2)You can use this custom css code;

@media screen and (max-width: 767px) { .entry-content p { font-size: 15px; } }

Thanks

[isaumya]

May I know why you guys set font size to 13 px to the root html? That is something that should not be done.

[serkan]

Hi,
It can be customize via theme customizer.
You should go to appearance > customize > general > fonts > body font size.
Thanks