Archived topic
How do I make the necessary mobile adjustments to the Home Page?
5 replies · Started by Gabriel on April 7, 2022
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
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.
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...
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;
}
}
Thanks! Very helpful - it's looking much better now.
You are welcome :)