![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
May 18, 2020 at 8:05 am #1213927
Hi,
I have page with 1/3rd with a heading and 2/3rd column containing text, by turns: first heading and text and then text and heading. It looks nice on large screen, but does not work on mobile (heading comes aften text). How can I get everythong on mobile heading, text, heading, text?I read and tried this https://kriesi.at/support/topic/swap-columns-on-mobile/, but then all the columns on my site swap places.
May 19, 2020 at 6:00 am #1214188Hey tammiviestinta,
I get a 404 error on the page you linked to, do we need to be logged in to be able to see it? If so then please post admin login details in private.
Best regards,
RikardMay 19, 2020 at 8:10 am #1214217Sorry, I published the site yesterday, so now it can been seen here https://enorssi-verkosto.fi/unesco-koulutoiminta/tietopankki/
May 20, 2020 at 12:28 am #1214467Hi,
Please refer to Ismael’s suggestion here:
Best regards,
Jordan ShannonMay 20, 2020 at 7:37 am #1214529Could you please help me with this: “You may need to apply a custom css class attribute to the columns where you want to apply it.” What and where I shoul do?
May 20, 2020 at 9:06 pm #1214767Hi,
You need to add a custom class within the column element. You can simply go to Enfold theme options > Layout Builder and check “Show element options for developers”. It will enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg. You can give your elements custom CSS classes to target them separately :)
Best regards,
Jordan ShannonMay 22, 2020 at 9:05 am #1215179I tried but could not make it happen. If my own class is named vaihto where do I put it?
May 23, 2020 at 9:04 am #1215383Like this?
.vaihto .responsive #top .flex_column_table {
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
}May 25, 2020 at 4:01 am #1215921Hi,
The class would be attached to the table like this:
.responsive #top .vaihto.flex_column_table { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.