Jump to content

Buttons Side By Side (old suggestions not working)

Recommended Posts

  • Replies 4
  • Views 412
  • Created
  • Last Reply

Top Posters In This Topic

On 7/8/2021 at 9:57 PM, Sleepy_Angels said:

Site URL: https://www.sleepyangelsconsultancy.com/baby-sleep-coach-about-me

Hi,

I'm trying to make the two larger buttons side by side, I've tried previously suggested code in other threads so not sure where to go from there.

Any advice would be appreciated! Thank you

try

@media only screen and (min-width: 768px) {
#block-yui_3_17_2_1_1625753859911_6214, #block-yui_3_17_2_1_1625753859911_6689 {
    display: inline-block;
    float: left !important;
      width: 50%;
    box-sizing: border-box;
    clear: inherit;
    padding-top: 0;
  }
}

image.thumb.png.f9d4dbe62b0f627812338c3b18fd2738.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 7/10/2021 at 4:01 AM, bangank36 said:

try

@media only screen and (min-width: 768px) {
#block-yui_3_17_2_1_1625753859911_6214, #block-yui_3_17_2_1_1625753859911_6689 {
    display: inline-block;
    float: left !important;
      width: 50%;
    box-sizing: border-box;
    clear: inherit;
    padding-top: 0;
  }
}

image.thumb.png.f9d4dbe62b0f627812338c3b18fd2738.png

This has worked to get them side by side, thank you! The buttons don't work now though but they do if I remove the code. Any ideas on how to fix this?

Thanks again 🙂

Link to comment
On 7/8/2021 at 9:57 PM, Sleepy_Angels said:

Site URL: https://www.sleepyangelsconsultancy.com/baby-sleep-coach-about-me

Hi,

I'm trying to make the two larger buttons side by side, I've tried previously suggested code in other threads so not sure where to go from there.

Any advice would be appreciated! Thank you

and some other problems, let me know if you need fix all

Site URL: https://www.sleepyangelsconsultancy.com/
1. (Mobile/Tablet – Homepage) Image doesn’t show in full size

sleepyangelsconsultancy.com-01-min.png

2. (Mobile – Homepage) Increase text width?

sleepyangelsconsultancy.com-03-min.png

3. (Tablet/Mobile – Homepage) Make text inside button on the same row

sleepyangelsconsultancy.com-04-min.png

4. (Tablet – About me) Reduce space above/below buttons

https://www.sleepyangelsconsultancy.com/baby-sleep-coach-about-me

sleepyangelsconsultancy.com-05-min.png

5. (Mobile – Approach) Image doesn’t show in full size

https://www.sleepyangelsconsultancy.com/baby-sleep-solution-approach

sleepyangelsconsultancy.com-06-min.png

6. (Mobile – Contact) Image doesn’t show in full size

https://www.sleepyangelsconsultancy.com/baby-sleep-support-contact-us

sleepyangelsconsultancy.com-07-min.png

7. When i click on order, it says that “We couldn’t find the page you were looking for”

https://www.sleepyangelsconsultancy.com/baby-sleep-shop

sleepyangelsconsultancy.com-07-min-1.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.