Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Safari cutting off form fields


Question

Hi everyone, I've customised a form on my site slightly using CSS and it is appearing perfectly everywhere except for Safari on a 15inch screen. The form fields are getting cut off (see below image). 

All other browsers are fine and Safari on mobile and larger screens eg 27inch are fine it's just Safari on 15inch screen. This is the code I am using to customise.

//---CONTACT FORM CUSTOMISATION
//- Titles
.form-wrapper .field-list .title {
display: none;

//--Fields
.form-wrapper .field-list .field .field-element {   
border: none !important; 
border-bottom: 1px solid #000 !important;
border-radius: 0px !important;
background: #F5F4EE;
padding: 10px 10px 10px 0px
}


727168946_ScreenShot2021-08-27at4_45_26pm.thumb.png.f2d091074f6238aa275d41efa08c88d0.png

Link to comment
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Please post the URL for your form on your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...