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

Buttons colliding

Question

Hello everyone.

I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link https://rhino-bullfrog-fc8l.squarespace.com/le-conseil

Here is the css that i used to have them in the same size

 

sqs-block-button .sqs-block-button-element

{
    width: 350px;
}

 

Thank you for the help !

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
 
Site privé
Ce site est privé. Si vous en êtes le propriétaire ou si vous êtes un contributeur, connectez-vous.
 

COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post
  • 0
6 minutes ago, Ewalia78 said:

Thank you for your help but now my buttons are not the same size anymore. 

 

Have you removed your code?

Your code works on Tablet & Desktop

My code works on only Mobile


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post
  • 0

Yes i did but on mobile i didn't have any problem. My buttons did pile up when the website goes in mobile mod. My problem is in between the full screen mod and the mobile screen mod . From screen resolution 1400 x 900 to 650 x 850. You can see in the picture that the white buttons are on each other instead of stacking up. Thank you for the help btw.

I think the problem is the class col sqs-col-4 span-4.

Capture d’écran 2019-11-20 à 09.24.41.png

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...