I've got a question about options with the mobile version of a site I've used Salient on. I've attached screenshots to hopefully help me to explain my question and what I'm hoping I'll be able to achieve.
On the Desktop version I have Full Screen rows and each row either has an image on the left with text on the right OR an image on the right with text on the left (See screenshots Desktop #1 & #2). Understandably when you then view the site on mobile the columns "collapse" into one making the image go underneath if its on the right for desktop or on top if its on the left for desktop (See screenshots Mobile #1 & #2).
Hopefully I explained that well enough, haha. I'm hoping (if possible) to be able to get the image to sit on top of the text on mobile version but still be able to have the left and right style for the desktop version. Is there a way to achieve this?
Sorry I've been on here a lot recently, the project is nearly finished haha.
I gave this a go yesterday but couldn't seem to get it to work? I also looked at other public tickets and tried what they did but nothing seemed to work? Maybe it's just me haha.
This CSS works for the Full Height rows but doesn't work for Fullscreen Rows (well it doesn't for me anyways) which is fine as I needed to disable Fullscreen Rows anyway.
Many thanks for your continued support, keep up the great work!
Hello again!
I've got a question about options with the mobile version of a site I've used Salient on. I've attached screenshots to hopefully help me to explain my question and what I'm hoping I'll be able to achieve.
On the Desktop version I have Full Screen rows and each row either has an image on the left with text on the right OR an image on the right with text on the left (See screenshots Desktop #1 & #2). Understandably when you then view the site on mobile the columns "collapse" into one making the image go underneath if its on the right for desktop or on top if its on the left for desktop (See screenshots Mobile #1 & #2).
Hopefully I explained that well enough, haha. I'm hoping (if possible) to be able to get the image to sit on top of the text on mobile version but still be able to have the left and right style for the desktop version. Is there a way to achieve this?
Many thanks,
Jake
Hey Again,
Please have a look at this Article :Change Mobile Column Order.
Best
ThemeNectar Support Team
Hey Tahir,
Sorry I've been on here a lot recently, the project is nearly finished haha.
I gave this a go yesterday but couldn't seem to get it to work? I also looked at other public tickets and tried what they did but nothing seemed to work? Maybe it's just me haha.
Hey Again,
Could you provide the page url where i can see the issue . Also provide wp-admin login details.
Best
ThemeNectar Support Team
Hey Again,
You dont seem to have adjusted the layout to the correct format for mobile .
1: Rearrange the columns as would best work on Mobile that is image,text,image,text :
http://prntscr.com/g0jasq .
Best
ThemeNectar Support Team
Hey,
I tried this yesterday (there is a disabled row where it is image,text to match the one below but I disabled it as this is our live site)
The CSS is in and the new row re-enabled and it's not working? Would Fullscreen rows be affecting this?
Yes if you have fullscreen rows activated you will have to use this css :
/*reverse row in desktop*/ @media only screen and (min-width: 1001px) { .reverse-row .col.span_12 { flex-direction: row-reverse !important; } }Best
ThemeNectar Support Team
Ah I think we got a bit confused.
This CSS works for the Full Height rows but doesn't work for Fullscreen Rows (well it doesn't for me anyways) which is fine as I needed to disable Fullscreen Rows anyway.
Many thanks for your continued support, keep up the great work!
Best