Archived topic
Changing the position of a container on desktop without changing mobile
1 reply · Started by Roger on September 6, 2022
We have an email newsletter subscription form that appears very prominently on our home page which you can see here: https://seedmoney.org/
The form shows up at the bottom of phone screens (iPhone and Android) quite well, but the form tends to appear in the middle of screens on desktop browsers.
Is there a way to move the container lower on the page for desktop browsers without moving it lower on mobile browsers?
Thanks
Hi there,
there is :)
With the GenerateBlocks blocks, most of the Settings you will find in the sidebar can be set separately for Desktop, Tablet and Mobile.
So the things i would change on desktop is:
1. reduce the Bottom padding of the parent Container Block for Desktop.
2. increase the Bottom margin on the H1 Headline for desktop.
3. switch to mobile view and set the H1 Headline bottom margin back to the 90px you currently have.
So for #1 and #2 you want to reduce padding by eg. 100px and add it as margin to the headline.
