Mobile Formatting Help - by EddieNavarro

This topic has 8 replies, 3 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

  • Avatar: EddieNavarro
    EddieNavarro
    Participant
    July 2, 2019 at 19:20

    Hello,

    Currently my website appears on mobile like so CURRENT LOOK and I would like to make it look like this DESIRED LOOK where the elements are stacked as opposed to side by side.

    What can I do to achieve this?

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 3, 2019 at 07:28

    Hello,

    Could you, please, provide URL and temporary wp-admin access?

    Regards

    Avatar: EddieNavarro
    EddieNavarro
    Participant
    July 3, 2019 at 19:00

    Sure thing. Here you go.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 4, 2019 at 09:46

    Hello,

    For that title, I would recommend you to duplicate it and reduce the size for the second one. Display one for the desktop only, the other one – for mobile http://prntscr.com/oafbrr
    For the left/right large padding/margin I would recommend you to use either vw http://prntscr.com/oafcpx or offset option http://prntscr.com/oafdm8
    Check the page now.

    Regards

    Avatar: EddieNavarro
    EddieNavarro
    Participant
    July 8, 2019 at 20:16

    Thank you so much!

    What about the image? What can I do to have the text stacked on top of the image stacked on mobile??
    Here’s what I mean. https://prnt.sc/o9o8bg

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 9, 2019 at 14:31

    Hello,

    It’s possible to choose another bg position, for example, right-center http://prntscr.com/ocmoqj and you’ll get the following effect http://prntscr.com/ocmp1f But unfortunately, there are no options to resize the image according to your screenshot using default row options.
    If you want to place image as on the screenshot use Revolution slider type Hero scene and create multilayer slide and change positions of different layers for the different mobile devices.

    Regards

    Avatar: EddieNavarro
    EddieNavarro
    Participant
    July 10, 2019 at 18:28

    Revolution Slider seems like the way to go. I have a question regarding that, I noticed that I am not able to use one of uploaded fonts in that section. Is there a way to do that?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 11, 2019 at 08:08

    Hello,

    Please read this article – https://www.themepunch.com/faq/use-your-own-fonts/
    If this doesn’t help, describe the problem in more details with screenshots.

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.