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

[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

[David]

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.

[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…

[Ying]

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;
    }
}

[Gabriel]

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

[Ying]

You are welcome 🙂

[Author]

Posts