Mobile buttons side by side

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.

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?

my apologies lol. access passcode is: Incorrect1

On 8/8/2021 at 9:15 PM, JSoliven said:

my apologies lol. access passcode is: Incorrect1

Hi. You mean Nagi & Calm at Sea buttons?

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

@tuanphan yes please.

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

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

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

thank you!! @tuanphan

@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

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

3 hours ago, tuanphan said:

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

products all side by side 🙏

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

7 hours ago, tuanphan said:

super sick, how can I adjust this for the apparel page? @tuanphan

 

On 8/16/2021 at 9:48 PM, JSoliven said:

 

Hi. Can you share link to apparel page? I don't see it on header

8 hours ago, tuanphan said:

Hi. Can you share link to apparel page? I don't see it on header

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

15 hours ago, JSoliven said:

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

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