Buttons Side By Side (old suggestions not working)

Sleepy_Angels · July 8, 2021

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

Beyondspace · July 10, 2021

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;
  }
}

Sleepy_Angels · July 14, 2021

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;
  }
}

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 🙂

tuanphan · July 16, 2021

@Sleepy_Angels Don't remove above code.

Add this code under

/* fix side by side buttons can't click */
div#block-60e7091dc4dd5807d2266e25 {
    display: none;
}

tuanphan · July 20, 2021

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