Hi David,

It apepars there is a custom css under your template that is fixing the width of post entry page: http://take.ms/Q9qWg

This is why the width is not responsive on mobile view. May I know what you are trying to achieve with that custom css so we can use a better one instead?

Hi Raymond,

It was to get all the images to appear the same size and that the text is indented uniformly across each post. How can we maintain the look and feel of the posts and have the functionality of mobile friendly?

(If you go into one of the posts on the site you'll see that both the images and text are centralised in each post).

Thanks

Hey David,

Can you try to use the following custom css instead of your current one?

@media only screen and (min-width:900px) {

    body.com-easyblog.view-entry #sp-main-body .container {

        width: 855px;

    }

}

If this does not work, can you provide me your backend access at http://stackideas.com/dashboard/site so I can check further? Thanks.

Hi Raymond,

I think it might be better if you do this if you wouldn't mind as I'm not ofay with css. I've provided the access details. If you need anything else just let me know. Thanks

Hey David,

Understood. I have helped you apply the custom css and removed the previous one in your template. I took a look at the actual posts they are now displaying fine on mobile.

Can you help me double check again and see how it goes? Thanks.

Hi Raymond,

Yes that all looks fine. The only thing you could check for me please , if that is ok? Re the CSS, is the heading sizes as they main one should be H1 and the subtitles H2. but if you look at the link below for example it seems to have changed the title sizes.

https://www.authenticapets.com/blog/dia-de-abrazar-a-tu-gato

Thanks

Hey David,

May I know what is the size that you want for H1 and H2?

Currently based on what I checked, h1 is 36px(http://take.ms/Hpfuz), and h2 is 24px(http://take.ms/VNRQ6).

Hi Raymond,

That would seem correct but those sizes are no longer consistent across the posts. For example in the post here. https://www.authenticapets.com/blog/dia-de-abrazar-a-tu-gato the second subtitle in green is not 24px.

Thanks

Hi Raymond,

Ok thanks that explains it then. Thank you very much for your help.

Regards.

You're most welcome David and glad to know that your issue is resolved.

Regards.