SGA Posted March 11, 2021 Share Posted March 11, 2021 Hi I am wanting to move the description text on the mobile Flatiron template to have the text below all the images, without changing the description position in the desktop version. Is this possible through custom CSS? Thank you! Link to comment
SGA Posted March 18, 2021 Author Share Posted March 18, 2021 @tuanphanI hear you are good at this stuff, please help if you can! Link to comment
tuanphan Posted March 24, 2021 Share Posted March 24, 2021 On 3/18/2021 at 1:29 PM, SGA said: @tuanphanI hear you are good at this stuff, please help if you can! Hi. Can you share link to page in screenshot? We can check easier 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
SGA Posted April 21, 2021 Author Share Posted April 21, 2021 @tuanphan Thanks! I have found a rount-about way but here is the link to the website: https://www.sgaltd.co.nz/residential#/zonnebries/ Link to comment
Solution tuanphan Posted April 24, 2021 Solution Share Posted April 24, 2021 On 4/22/2021 at 6:47 AM, SGA said: @tuanphan Thanks! I have found a rount-about way but here is the link to the website: https://www.sgaltd.co.nz/residential#/zonnebries/ Add to Design > Custom CSS /* text under image */ @media screen and (max-width:640px) { div.project-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; 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
SGA Posted April 29, 2021 Author Share Posted April 29, 2021 On 4/24/2021 at 9:08 PM, tuanphan said: Add to Design > Custom CSS /* text under image */ @media screen and (max-width:640px) { div.project-item { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } Amazing thank you so much! 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