Aligning buttons horizontally on mobile rather than vertically

Site URL: http://www.dronefreq.com#contact

Hi, I'm trying to have it so the three buttons at the bottom of my page format on mobile the same way they're formatting on desktop. To clarify, I want the three buttons to sit next to eachother, centered, rather than being stacked upon eachother. Is this possible? Thanks!

www.dronefreq.com#contact

On 8/30/2021 at 11:37 AM, ubbitz said:

Site URL: http://www.dronefreq.com#contact

Hi, I'm trying to have it so the three buttons at the bottom of my page format on mobile the same way they're formatting on desktop. To clarify, I want the three buttons to sit next to eachother, centered, rather than being stacked upon eachother. Is this possible? Thanks!

www.dronefreq.com#contact

Add to Design > Custom CSS

/* 3 buttons side by side */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1630281973989_3322+.row>.span-4 {
    width: 33.3333% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1630281973989_3322+.row>.span-8 {
    width: 66.6667% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1630281973989_3322+.row>.span-8 .span-4 {
    width: 50% !important;
    float: left !important;
}
}

Thank you! This worked. Can you help me do the same thing for this site?

www.bassnectarcourtcase.com/test

On 9/2/2021 at 5:41 AM, ubbitz said:

Thank you! This worked. Can you help me do the same thing for this site?

www.bassnectarcourtcase.com/test

You mean Make 2 buttons + text side by side on mobile?