Reorder blocks in mobile

Site URL: https://www.chicagomagiclounge.com/overlay-test

Hello,

Is it possible for my 'purchase tickets' code block (located in the right column) to be the first block in mobile view (above the headline) using css?

On 9/18/2021 at 5:37 AM, Cynthia_CML said:

Site URL: https://www.chicagomagiclounge.com/overlay-test

Hello,

Is it possible for my 'purchase tickets' code block (located in the right column) to be the first block in mobile view (above the headline) using css?

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#page-61438cd2a5f5ec2894e0d417>.row {
    display: flex;
    flex-direction: column-reverse;
}
}

Thank you, @tuanphan! Is there any way to make it so that only the Purchase Ticket block is on top, but the rest of the column behaves as normal? See me example below. 

On 9/21/2021 at 2:06 AM, Cynthia_CML said:

Thank you, @tuanphan! Is there any way to make it so that only the Purchase Ticket block is on top, but the rest of the column behaves as normal? See me example below. 

Hi,

The easiest way is add one more butotn above #2 text. Then we will give the code to

• hide #1 button on mobile
• hide new button on desktop
• show new button on mobile only, above #2