[Resolved] How do I make the necessary mobile adjustments to the Home Page?

Home Forums Support [Resolved] How do I make the necessary mobile adjustments to the Home Page?

Home Forums Support How do I make the necessary mobile adjustments to the Home Page?

  • This topic has 5 replies, 3 voices, and was last updated 4 months ago by Ying.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2181004
    Gabriel

    The mobile view of my home page doesn’t look great. Specifically – the top container on the home page. How can I adjust this so that it looks ok?

    Thanks,
    Gabe

    #2181194
    David
    Staff
    Customer Support

    Hi there,

    select the Headline Block that has your email address in.
    Switch to Tablet view and set the Right Padding and Right Margin to 0 currently they are like 150px and 100em respectively which doesn’t leave any room for the text.

    #2185565
    Gabriel

    Thanks! That’s a huge help. How do I shift the background photo for mobile view only?
    If you load the site in mobile view, you’ll see that the guy’s face is slightly off the screen…

    #2185613
    Ying
    Staff
    Customer Support

    Do you have GenerateBlocks pro?

    If you do, you can add a background image specifically for mobile, and set the background position to 65% top.

    If you don’t, try this CSS:

    @media (max-width: 768px) {
        div#home-top:before {
            background-position: 65% top;
        }
    }
    #2186544
    Gabriel

    Thanks! Very helpful – it’s looking much better now.

    #2186584
    Ying
    Staff
    Customer Support

    You are welcome 🙂

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