Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to swap image and text order for mobile view


emmebellish

Question

Site URL: https://www.designedbyemi.com/brand-website-design-services

Hi! 

I was wondering if someone can help me rearrange the blocks in the 'How It Works' section (namely 02. Design Process)?

As we all know that on mobile, the text will appear before the image, and I would ideally like to know how to rearrange it so the image appears before the text on mobile, like 01. Pre-Design would.

Thank you :)

 

SITE URL: https://www.designedbyemi.com/brand-website-design-services

PASSWORD: dbe

Screenshot 2020-05-02 at 5.28.04 PM.png

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

4 answers to this question

Recommended Posts

  • 0

So this code should work for you, stick it in the Design > Custom CSS section

@media all and (max-width: 640px){
 #p-rocess{
   .sqs-layout > .row:nth-of-type(6){
    display: flex;
     flex-direction: column-reverse;
   }
  }
}

 

Link to post
  • 0
2 hours ago, JoeCory said:

So this code should work for you, stick it in the Design > Custom CSS section


@media all and (max-width: 640px){
 #p-rocess{
   .sqs-layout > .row:nth-of-type(6){
    display: flex;
     flex-direction: column-reverse;
   }
  }
}

 

Worked perfectly, thank you JoeCory!!

Link to post
  • 0

Hi there, 

I tried using this custom CSS for our site, but can't seem to get it to work. I need it for this specific page on our site. Any advice?

https://www.taylergroup.com/team-copy-for-mobile-test

Link to post
  • 0
On 2/17/2021 at 1:45 AM, awk said:

Hi there, 

I tried using this custom CSS for our site, but can't seem to get it to work. I need it for this specific page on our site. Any advice?

https://www.taylergroup.com/team-copy-for-mobile-test

You want

text - image - text - image

or

image - text - image - text?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...