My form is not formatting right in mobile view, it looks fine on desktop but looks messy on mobile.
We are looking for everything to be aligned to the centre and the buttons to be inline (I have used the css for inline and that works on desktop but seemingly not on mobile)
Any advice or assistance on how to get the form looking more natural on mobile devices would be very welcome.
Thank you.
I’m using Elementor the site is https://equityreleaseadviser.co/
code 4237
From looking it, I think you have the two buttons laid by side by side on the Gravity Form which defaults to this layout when it is condensed.
On mobile view, it has a massive white column to the right (which it doesn’t on tablet and desktop views) and it is the only element on your page which does this.
You might need to go into Elementor and edit the column to 100% width on mobile view and see if that corrects it?
Thanks Gareth,
I’ve tried that to no avail.
If anyone has any clue on what steps I can take to get this issue rectified I’d love to know I’m just hitting a brick wall and no one seems to eb able to help,
Can you give the the following CSS a try?
@media only screen and (max-width:320px) {
#input_1_31 * {display:block!important;}
}
I tried it using inspect on Chrome and it aligned the items to centre. I believe 320px should target mobiles but you may need to increase this.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
