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

Side by side buttons for mobile and desktop


Zambo107

Question

13 answers to this question

Recommended Posts

  • 0

You can try this solution in custom css

#block-yui_3_17_2_1_1601758406282_13090 [class*=sqs-block-button-container] {
  text-align: right;
}
#block-yui_3_17_2_1_1604881259521_14605 [class*=sqs-block-button-container] {
  text-align: left;
}
#block-716e51162c1b56bda8c3 + .row > .span-6 {
  width: 50% !important;
  float: left !important;
}

image.thumb.png.d201f96b636bc5e66d92d6707096c1d2.png

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
On 3/10/2021 at 5:19 AM, JmeKinser said:

Hey guys! This helped more than any other code with me, but how do i get them to line up like on your site? 

Screen Shot 2021-03-09 at 4.18.36 PM.png

Hi. Can you share link to your site? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

Hi, I'm trying to get 2 side by side buttons in mobile, and have tried this solution  (and several others listed on the forum), but can't  get any to work. Can you help please? www.soundsound.co.uk/music-services brine template.

 

Thanks!

Link to comment
  • 0
On 3/23/2021 at 8:34 AM, HamishC said:

Hi, I'm trying to get 2 side by side buttons in mobile, and have tried this solution  (and several others listed on the forum), but can't  get any to work. Can you help please? www.soundsound.co.uk/music-services brine template.

 

Thanks!

Hi,

Add to design > Custom CSS

/* Buttons side by side */
@media screen and (max-width:767px) {
div#page-60495bd43ecb7b11913eb624 .span-12 .span-3 {
    width: 50% !important;
    float: left !important;
}
div#page-60495bd43ecb7b11913eb624 .span-12 .span-3:nth-child(2n+1) {
    clear: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 7/8/2021 at 9:23 PM, Sleepy_Angels said:

Hi All,

I've tried putting the above into the custom CSS but it isn't working, can anyone please tell me how to get the two buttons aligned here please? https://www.sleepyangelsconsultancy.com/baby-sleep-coach-about-me

 

 

The button text too long. You want make them side by side on mobile?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
11 hours ago, trainverce said:

Does anyone know how I can get these buttons side by side on mobile?

https://trainverce.com/

 

 

Screen Shot 2021-09-16 at 11.43.06 am.png

Add to Design > Custom CSS

 /* buttons side by side: program-memberships */
@media screen and (max-width:767px) {
div#page-section-60dc1c3acc33482b8e35e4fa>.row>.span-12>.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 10/6/2021 at 8:55 PM, Nir said:

Having the same issue. Trying to get the Shop Now and Drop By buttons to stay side by side on mobile. Scroll to middle of homepage.  

https://crane-parakeet-thk3.squarespace.com/

pw: 5ways

Thanks in advance!

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-bce17edac222a09d2f1a+.row>.span-6 {
    width: 50% !important;
    float: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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