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

Form button edges go rounded when viewed on mobile devices

Recommended Posts

Just got a quick question, may be a simple fix.

I have two buttons on my website which are set to have square edges. Both buttons are buttons for a form (one button per form).Now on desktops/laptops all button edges are square, however on mobile devices the button for the form has rounded edges, whilst the other form's button is still square - the only difference between them being that the second form is in lightbox mode.

I tested this and it does it on desktop and mobile versions of the site on iOS in Safari and Chrome

Any ideas on how to fix this ?

Edited by NutStrikesAgain
Initial Revision

Share this post


Link to post

I'm having the same issue. The default button style is set to square, but only on mobile, is it just randomly changing the contact form buttons to rounded edges.

I need a fix for this, please! 

Share this post


Link to post
17 hours ago, BearVsShark said:

I'm having the same issue. The default button style is set to square, but only on mobile, is it just randomly changing the contact form buttons to rounded edges.

I need a fix for this, please! 

Can you share to page where contain buttons?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
20 hours ago, BearVsShark said:

https://www.highervoltages.com/contact

It's the contact send button. It changes to rounded only on mobile and only on the contact forms. 

Seems fine here. Which device did you use?

Or try adding this to Home > Design > Custom CSS

input.button.sqs-system-button.sqs-editable-button {
    border-radius: 0 !important;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
6 hours ago, tuanphan said:

Seems fine here. Which device did you use?

Or try adding this to Home > Design > Custom CSS


input.button.sqs-system-button.sqs-editable-button {
    border-radius: 0 !important;
}

 

It's happening on iPhones. 

Share this post


Link to post
1 minute ago, BearVsShark said:

It's happening on iPhones. 

 

6 hours ago, tuanphan said:

Seems fine here. Which device did you use?

Or try adding this to Home > Design > Custom CSS


input.button.sqs-system-button.sqs-editable-button {
    border-radius: 0 !important;
}

 

That worked like a charm! 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...