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

Aligning buttons horizontally on mobile rather than vertically


Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

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

 

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

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