How to change CSS layout on phone?

  • Hi there! Blog: https://www.lifehowiseeit.com/

    My blog has been up for about 2 months now, but I still haven’t been able to solve a problem.

    The about page is perfectly fine on my laptop, but when I view it on my phone the text appears next to the photo which also varies on different phones. Sometimes the text looks better on other phones. Anyway what I would like is that the text remains the same on each phone which is under the photo and not next to it.

    Is there a way to do this without having to apply coding? Maybe an easy way to apply it then?

    Appreciate any help!

    Richard

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    The CSS generally works by choosing CSS appropriate to the device width. So, play with device width (by dragging your browser narrow/wide) and make note of the “breakpoints”, then use @media qaueries in your CSS to adjust things.

    https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

    To add CSS: If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    Hi!

    It looks like you have a mobile friendly website? And trying on my Samsung Galaxy S7, the contact page is responding, as far as I can tell, properly. What theme are you using? If it premium, you may need to contact the developer of it. But it looks great on my end. ??

    Thread Starter richyrich36

    (@richyrich36)

    @sterndata Thanks for the detailed info! I will try it out tomorrow and let you know!

    Thread Starter richyrich36

    (@richyrich36)

    @snakedeshazer Did you mean my About page instead of ”Contact”? But thanks anyway! Like I said, it looks different on each phone.
    I’m using Sydney! Not the premium version though! Do you think i’ll be able to make my blog look better by using premium?

    @richyrich36 The About page does look a bit off. Its mobile responsive on my phone, but I can see what you mean, I would recommend speaking with the developer. I will say that in my experience, that Devs provide better support and updates to their premium subscribers, so something to think about. Thats just my 2 cents. Hope that helps.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change CSS layout on phone?’ is closed to new replies.