Sorry, I'm confused. I thought the RTL was to change the ordering of the columns within a row when it adjusts for responsiveness? This might explain why I've never had any luck with it!
What I'm looking for is to have 2 columns in a row. column 1 is text, column 2 is a photo. When it adjusts to mobile sizing, the column 2 goes below column 1. I would like to have the photo (column2) be above the text (column 1).
I'll attach some screenshots to help explain better.
If you have padding settings set to the row that contains the columns even if you hide the columns the row will show, the padding settings should be set to the columns.
Do not hesitate to contact us if you have more questions.
Hello again. I'm having to come back to this issue again. I've built a row section, with columns as 3/5 & 2/5. With the Responsive for iPads, I need it to go to 2/4 & 2/4 columns, and eventually a 1/1 column for phones.
I have built the 3/5 & 2/5, setting the Responsive to hide on ipad + iPhone. I've then duplicated the row, set it to 2/4 + 2/4 and set responsive to Hide on Desktop.
It looks to show/hide properly when I adjust the screen. However, it hides the row, but does not remove it, so there is a full row gap between the two rows. Screenshot attached.
Is there a way to remove the gaps? I'm sure it's something simple I've overlooked.
I have two rows, each has 2 columns. Each row has a photo in 1 column, and text in the other.
Row "A" has Photo then text. Row "B" has text then Photo.
It works great on desktop, but when I go to mobile, I want to change the order of Row "B" to Photo then text (similar to Row "A").
I have selected the " Reverse columns in RTL" under "Row Settings > General", but it does not reverse them.
Am I missing something?
Thanks.
Hello Brad,
What are the extension you are using?
By default with our theme you don't need such option, by default everything is already reversed in RTL mode.
Best regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Sorry, I'm confused. I thought the RTL was to change the ordering of the columns within a row when it adjusts for responsiveness? This might explain why I've never had any luck with it!
What I'm looking for is to have 2 columns in a row. column 1 is text, column 2 is a photo. When it adjusts to mobile sizing, the column 2 goes below column 1. I would like to have the photo (column2) be above the text (column 1).
I'll attach some screenshots to help explain better.
Thanks.
Hello Brad,
The RTL mode is the Right to Left mode that is used for language that are read from the right to the left like Arabic language for example.
You can hide columns on mobile and create other columns that only show on mobile to solve your problem :
Go edit your current columns that doesn't show properly on mobile and check this box to make them hidden on mobile
https://drive.google.com/open?id=0B4U2I7SLFLQYeGI2ZkY2Wm1jdTg
Then create new columns using the content specialized for the mobile and change the columns design options like this :
https://drive.google.com/open?id=0B4U2I7SLFLQYblN0amRsc3JvcFU
If you have padding settings set to the row that contains the columns even if you hide the columns the row will show, the padding settings should be set to the columns.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Glad to hear that
Do not hesitate to contact us if you have more questions.
Have a nice day!
Best Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hello again.
I'm having to come back to this issue again. I've built a row section, with columns as 3/5 & 2/5. With the Responsive for iPads, I need it to go to 2/4 & 2/4 columns, and eventually a 1/1 column for phones.
I have built the 3/5 & 2/5, setting the Responsive to hide on ipad + iPhone. I've then duplicated the row, set it to 2/4 + 2/4 and set responsive to Hide on Desktop.
It looks to show/hide properly when I adjust the screen. However, it hides the row, but does not remove it, so there is a full row gap between the two rows. Screenshot attached.
Is there a way to remove the gaps? I'm sure it's something simple I've overlooked.
http://www.creativejuicesdev.ca/prolinemanagement.com/
Thanks
Brad
Perhaps some additional backstory might help.
I'm trying to rebuild the "Our Services" section off this staging site. https://staging.prolinemanagement.com/
I'm not sure the best way to build it in order to have the entire block be a link + hover.
Can you offer direction on best route?
Thanks!
Brad
Hello Brad,
What you need to do is move all the padding and margin settings you have set to the row directly to the column, and hide the column, not the row.
The row will not show if it is empty ( column hidden ) and don't have padding or margin.
Hope that helps.
Do not hesitate to contact us if you have more questions.
Have a nice day!
Best Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme