CSS custom forms, reduce space at the beginning of the form for mobile 480px wide only

Level 2

CSS custom forms, reduce space at the beginning of the form for mobile 480px wide only

Hi there 

Sorry one more question, could you please advise how to reduce the space at the top of the form for mobile view only? (between the sub head and top of the form). Have highlighted in yellow.

Sanford Whiteman​ - sorry if you could assist that would be much appreciated.

Thanks again

Mobile view (480px wide)

Custom CSS forms - reduce space between sub head and the start of the form

reduce space between below and form.jpg

1 REPLY 1
Level 10 - Community Moderator

Re: CSS custom forms, reduce space at the beginning of the form for mobile 480px wide only

You have an empty <p> in there that's taking up 28px. Unfortunately it doesn't have any classes and would be very difficult to specifically (un)style without affecting other elements in your Bootstrap-based layout.  I recommend you remove such empty elements and use real margins, which can then be managed using CSS.