binkrabbitgoods Posted November 14, 2021 Share Posted November 14, 2021 Site URL: https://www.binkrabbitgoods.com/ Hi! I need help forcing an image block above text when switching to mobile for the landing page and "Our Furniture". Thank you in advnace! https://www.binkrabbitgoods.com/ https://www.binkrabbitgoods.com/ourfurniture Link to comment
tuanphan Posted November 17, 2021 Share Posted November 17, 2021 On 11/15/2021 at 2:49 AM, binkrabbitgoods said: Site URL: https://www.binkrabbitgoods.com/ Hi! I need help forcing an image block above text when switching to mobile for the landing page and "Our Furniture". Thank you in advnace! https://www.binkrabbitgoods.com/ https://www.binkrabbitgoods.com/ourfurniture Hi, Which image blocks on ourfurniture page? https://www.binkrabbitgoods.com/ourfurniture Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
binkrabbitgoods Posted November 17, 2021 Author Share Posted November 17, 2021 8 hours ago, tuanphan said: Hi, Which image blocks on ourfurniture page? https://www.binkrabbitgoods.com/ourfurniture Only the very first image. I'd like the image to be above "Coming Soon!". Same with the landing page, I'd like the image to be above "HELLO, BUNNY LOVER!" Cám ơn anh! / Thank you so much in advance! -Jeni Nguyen Link to comment
Solution tuanphan Posted November 17, 2021 Solution Share Posted November 17, 2021 1 hour ago, binkrabbitgoods said: Only the very first image. I'd like the image to be above "Coming Soon!". Same with the landing page, I'd like the image to be above "HELLO, BUNNY LOVER!" Cám ơn anh! / Thank you so much in advance! -Jeni Nguyen #1. Add to Design > Custom CSS /* Our Furniture mobile order */ @media screen and (max-width:767px) { div#page-section-617ef30a980d1a70be35af2c>.row { display: flex; flex-direction: column-reverse; } } #2. Can you share link to landing page? binkrabbitgoods 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
binkrabbitgoods Posted November 18, 2021 Author Share Posted November 18, 2021 (edited) 18 hours ago, tuanphan said: #1. Add to Design > Custom CSS /* Our Furniture mobile order */ @media screen and (max-width:767px) { div#page-section-617ef30a980d1a70be35af2c>.row { display: flex; flex-direction: column-reverse; } } #2. Can you share link to landing page? @tuanphan The landing page is www.binkrabbitgoods.com Thank you! The code you shared worked for the 'Our Furniture' page!! Edited November 18, 2021 by binkrabbitgoods Link to comment
tuanphan Posted November 19, 2021 Share Posted November 19, 2021 On 11/18/2021 at 7:01 AM, binkrabbitgoods said: @tuanphan The landing page is www.binkrabbitgoods.com Thank you! The code you shared worked for the 'Our Furniture' page!! Add to Design > Custom CSS /* Coming soon image text oder */ @media screen and (max-width:767px) { div#page-section-60c8d00d61812f45a0223bbc .span-12 { display: flex; flex-direction: column; } div#block-60c8d00e4f8cbb2d91b9d9df { order: 2; } div#block-60c8d00e4f8cbb2d91b9d9df+.row { order: 1; } div#block-yui_3_17_2_1_1628459747483_9108 { order: 3; } div#block-yui_3_17_2_1_1628459747483_9108~* { order: 4; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
binkrabbitgoods Posted November 21, 2021 Author Share Posted November 21, 2021 @tuanphan For some reason that didn't work, but this did! I altered what you sent me before for Our Furniture page. I think I'm learning! /* Hello, Bunny Lover mobile order */ @media screen and (max-width:767px) { div#page-section-60c6ad070aea5d001f466c79>.row { display: flex; flex-direction: column-reverse; } } tuanphan 1 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