Jump to content

Mobile buttons side by side

Recommended Posts

15 hours ago, JSoliven said:

Site URL: https://www.nagiwetsuit.com

I would like these buttons to appear side-by-side on a mobile device. Would be even better if I can force desktop view so that the mobile view looks just the same as desktop view. I tried other codes on other forums but doesn't seem to work.

Hi. What is access password?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/12/2021 at 4:03 AM, JSoliven said:

@tuanphan yes please.

"Hi. You mean Nagi & Calm at Sea buttons?

If yes, make both image/button side by side??"

Add to Design > Custom CSS > Then save & reload the site

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
2 hours ago, JSoliven said:

@tuanphan is there a way to have the wetsuit side by side as well on these mobile pages?

https://www.nagiwetsuit.com/nagi-home

https://www.nagiwetsuit.com/nagi-wetsuits

 

You mean image/text side by side?? or products to 2 items/row??

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/15/2021 at 9:29 AM, JSoliven said:

products all side by side 🙏

Add to Design > Custom CSS

@media screen and (max-width:640px) {
/* nagi wetsuits */
div#block-yui_3_17_2_1_1627952746970_8040+.row .span-4 {
    width: 50% !important;
    float: left !important;
}
/* nagi home */
div#block-yui_3_17_2_1_1627952628915_12725+.row .span-4 {
    width: 50% !important;
    float: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
15 hours ago, JSoliven said:

Add to Design > Custom CSS

/* Nagi merch */
@media screen and (max-width:767px) {
div#block-60db6bf2ea470f7f60d8faa1+.row .span-3 {
    width: 50% !important;
    float: left !important;
}
div#block-60db6bf2ea470f7f60d8faa1+.row .span-3:nth-child(2n+1) {
    clear: left !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.