Side by Side Buttons on Mobile

Site URL: https://www.vimana.agency/

Hello,

I cannot for the life of me simply get these two buttons to stay together on the same row on mobile.

I've gone through several articles on here and pasted the CSS I thought would work and none of it works. I have no clue why this is the case, can someone please help me before I tear all my hair out? I've figure out much more complex CSS before so this is very frustrating and will probably take someone on here two second 😆

Hi, @jvincuilla did you have success with this? if so would you mind sharing how you did it? I'm having the same problem and would really appreciate it! Thank you 🙂

On 3/13/2022 at 4:26 AM, Tiny_Coast said:

Hi, @jvincuilla did you have success with this? if so would you mind sharing how you did it? I'm having the same problem and would really appreciate it! Thank you 🙂

He solved. If you share link to page where you have problem, we can give the code

Hey, @tuanphan, I'm having the same issue as the author of this post with my buttons on mobile. I'd like them to remain on the same row on mobile. Can you please help?

Site URL: https://charred.ca

Here's a couple screenshots of how they look on Desktop:

And on Mobile:

7 hours ago, Romeo said:

Hey, @tuanphan, I'm having the same issue as the author of this post with my buttons on mobile. I'd like them to remain on the same row on mobile. Can you please help?

Site URL: https://charred.ca

Here's a couple screenshots of how they look on Desktop:

 

And on Mobile:

Add to Design > Custom CSS

/* mobile buttons side by side */
@media screen and (max-width:767px) {
div#page-section-5f6cb2a3fd78444e01276eed .span-6 {
    width: 50% !important;
    float: left !important;
}}

@tuanphan, you're a legend! As per usual, your code worked like a charm. Thanks again for the prompt and accurate response.