I am trying to get three buttons to resize and stay inline when the page is viewed on mobile. I have very basic coding knowledge but I have managed to get the three buttons to display inline on desktop, but on mobile, they look terrible. This is the code I have on the page: Call Call Call (right n…

Hi @dayvb , Rename the class as follows: Call Call Call Then go to Assets → base.css and add this code: @media only screen and (max-width:1240px){ .call-wrapper { display: flex; flex-direction: column; align-items:center } .call-button { margin-left: 10px; margin-bottom: 10px; } } H…

Hi @BSS-Commerce , Thanks very much for the suggestion. I had a look in the assets but couldn’t find base.css Could my file be called something different or could I add it somewhere else? Thanks I had a look for

Hey @dayvb , Please try to find the style.scss.css file in the Assets section then add the code above as I instructed. I hope it helps! @dayvb

Got it working! Thanks for your help.

3 Buttons Inline not responsive for mobile - help

Store Design

dayvb July 25, 2023, 8:48am 5

Hi @BSS-Commerce ,

Yes! I found style.scss.css.

I added it and functions the way I am looking for it to function, but is it possible to have it use our default .button style?

I tried editing your code but got nowhere.

Thanks again

Topic		Replies	Views
Want to change button layout on Mobile Store to side by side instead of stacked Store Design css , html	3	109	December 20, 2023
Reduce button size and move it to the right in mobile view Store Design design , customizations	7	64	June 21, 2023
Resize buttons only on mobile, debut theme on landing page Store Design design	7	58	December 8, 2022
Image banner buttons placement diff on desktop than mobile Store Design design , customizations , css , troubleshooting	3	79	November 17, 2024
Align button center and smaller to match the section - Dawn Theme Store Design design , customizations , css	5	57	September 7, 2024

3 Buttons Inline not responsive for mobile - help

Related topics