Cynthia_CML Posted September 17, 2021 Share Posted September 17, 2021 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? Link to comment
tuanphan Posted September 19, 2021 Share Posted September 19, 2021 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; } } 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
Cynthia_CML Posted September 20, 2021 Author Share Posted September 20, 2021 (edited) 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. Edited September 22, 2021 by Cynthia_CML clarification Link to comment
tuanphan Posted September 24, 2021 Share Posted September 24, 2021 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 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment