Home › Forums › Free Themes › Greatnews › Posts look great on desktop but don’t translate onto mobile view

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 15, 2021 at 7:50 am #144609
    CaseyJ
    Participant

    Hello again,

    I’ve written my first article and it looks great on my computer. When I access it on my mobile it doesn’t look as good. The words don’t shrink proportionately and they fall under one another. I haven’t been able to find any pluggins to solve this (please recommend some if you have any).

    What can I do fix this. Any ideas welcome.

    Thank you 🙂

    Casey

    February 15, 2021 at 11:21 pm #144662
    Psink
    Keymaster

    Can you please share your site URL?

    Regards,
    psink

    February 16, 2021 at 6:32 am #144685
    CaseyJ
    Participant

    Sure thing!

    I haven’t really posted any articles yet because I can’t get it to look good on mobile view. But here’s the url 🙂

    https://themeanjininquirer.com.au/

    February 16, 2021 at 11:02 pm #144724
    Psink
    Keymaster

    Hello Caseyj

    Can you please make a screen record of the actual issue? Cause I’m in little confused about your query

    Regards,
    Psink

    February 16, 2021 at 11:19 pm #144726
    CaseyJ
    Participant

    Sure thing!

    https://photos.app.goo.gl/WYEAuFvBmoCcE7aE6

    Two images are of the article on a computer. It looks fine. But the same article when viewed from a mobile phone looks terrible. The text isn’t shrunk proportionately.

    For example the title is massive, so much so that words are pushed underneath each other rather than shrinking to fit the screen.

    The image is shrunk, which is good, but the photo credit text (which should be the smallest text) beneath the image has barely shrunk, and is now the same size as the regular body text.

    So I’m trying to figure out how to make the article fit mobile viewing so it doesn’t look like a mess haha.

    Thanks again 🙂

    February 17, 2021 at 1:23 am #144731
    Psink
    Keymaster

    Hello Caseyj

    Add this CSS in the Additional CSS

    
@media screen and (max-width: 767px) {
	h1 {
	    font-size: 32px;
	}
	h2 {
	    font-size: 22px;
	}
}

    you can adjust the font size as per your requirement – and the above CSS will hit the screen below width 767px

    Regards,
    Psink

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.