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.
 

Share this post


Link to post
  • 0

add to Home > Design > Custom CSS

/* Mobile */
@media screen and (max-width:640px) {
sqs-block-button .sqs-block-button-element
{
    width: 200px;
}
}

 

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

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