How can I adjust my landing page head picture to smartphone viewable size?

  • Unknown's avatar
    micky1232511 · Member ·

    Hi, community. Good Morning!
    I created my website via my desktop. When I saw my site via Android smartphone, landing page, first picture on theme( head picture) is funny. It was focused on only center part and other parts are not viewable. How can I fix this ? I want to show my head picture just smaller size and make viewable whole picture, not only center part. Pleas ehelp me. Thanks, Michi

    Site: https://livewithmusic123.wordpress.com.
    WP.com: Yes
    Correct account: Yes

  • supernovia · Staff ·

    Hi @micky1232511! I hope your day is going well.

    I think I see the issue: the cover block you’re using is designed to treat the image like a background. It’ll get cut off on different screen sizes.

    If you have content in the image that needs to be displayed for all device sizes, you would want to use an Image block instead, or maybe a Media and Text block for that particular image and text. Media and Text would put the image on one side, and the text on the other. Then on smaller screens, it’d put the image on top and the text on bottom (or vice versa, depending on how you set it up.)

    You can still use a cover block if you’d like. Just be sure to pick an image that can be cut off on the sides without trouble:
    https://wordpress.com/support/wordpress-editor/blocks/cover-block/#choose-an-image

  • Unknown's avatar
    micky1232511 · Member ·

    Thank you very much for your advise. I will try it. Thanks again, Michi

  • The topic ‘How can I adjust my landing page head picture to smartphone viewable size?’ is closed to new replies.