Creating Endless Horizontal Swipe Cards for Mobile with Divi

[@maryamfatima3959]

why I can't see the CSS Option of column main element? please guide me.

[@FaqihShofyan12]

Me too

[@mughsein]

column main element not found

[@webmaster168]

THE SOLUTION FOR THE VERTICAL STACK PROBLEM: If you go into the Row Settings you see that there is the "Row Structure" (all rows are listed there).You have to go into the settings of specific row (the grey gear) you want to modify (if you only have one row then you will only see the one row and there you have to go into the settings) AND THEN YOU FOLLOW THE STEPS FROM THE VIDEO If you need help, text me. I will help you

[@warren4466]

I hit the same snag, thanks for clearing this up. Just to further clarify, to the new update, in the 'row settings', it is then called the 'column structure' and you can click on the grey gears icon to put the custom CSS lines in here. It worked for me.

[@divimonkey626]

this is not working in latest version of divi

[@dkuzdas]

Also -- when I tried this -- the cards stack vertically -- could you provide guidance

[@davidefisciano4144]

Hi, there' is a way to add draggable mouse to this beauty? Thank you so much!

[@sixtythreechevy]

I get to the step where I copy and paste the CTA to duplicate it but the columns and thus the CTA are spaced way to far apart. I can't get them to move closer to each other. I've set the gutter settings, width, etc. Can someone message me if they know how to fix this? Thanks!

[@MightyTheWolf]

Note that this video is outdated. Check the link in the description that works for current Divi versions.

[@najmussaadat7069]

how to do this with elementor?

[@drewspinoso4849]

How is this looking on mobile? Loading time?

[@victorlara8356]

when i add the code the card stack vertically !!

[@robmulderstube]

ME TO

[@Beansprout708]

@@robmulderstube I solved it! I cracked the case boys. I had the same problem and it was because I was putting the code in the "Main element" category of the row settings but not the "Column Main Element" in order to find the column main element you go Row Settings > Column Settings > Advanced > Custom CSS > Add code to this "Main element" Hope I solved your problem!

[@ChindoEnyidah]

@@Beansprout708 Thank you!

[@fabienmullet9156]

@@Beansprout708 Thank you very much !!!!

[@vijaykv4079]

Awesome I am gonna try this for sure.

[@amelie-moscatelli]

Very clear ! thank you !

[@marke4376]

When I try this, the cards stack vertically. Why is this happening?

[@dkuzdas]

Did you ever get a response on this or find solution

[@Beansprout708]

I solved it! I cracked the case boys. I had the same problem and it was because I was putting the code in the "Main element" category of the row settings but not the "Column Main Element" in order to find the column main element you go

[@asahideana8407]

@@Beansprout708 Where I can find the "Column Main Element"? Coz in my Row CSS Setting only have "Main Element"

[@jamesa940]

@@asahideana8407 when you click on the row settings you'll see column structure then a box with column. In the box with column on the left side there's a settings icon you can click for column main element.

[@0xKazuto]

@@jamesa940 someone need to pin this comment, works for me! thank you

[@imdotni]

Another great video! Are there downloadable files for this?

[@ronaldleonmadrid7210]

Excelente video , saludos desde Perú.

[@peterblossom111]

Useful tutorial, but WAY too much time spent on styling the module text, colors, etc.

[@0xKazuto]

i'm currently having problem when the window is on full screen, the scroll didn't work. any idea how to solve it? many thanks!

[@freehmm3711]

When I try this, the cards stack vertically. Why is this happening?