By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Stacking columns on Desktop view - Edit: Fixed

E

Enter

New Member
Edit: Fixed it, for anyone finding this with Google, here's how I did it:

1: Put all columns in 1 section.
2: Put this on the section around the columns using Advanced > Custom CSS
selector .elementor-row {
flex-wrap: wrap !important;
}

3: Set widths on all columns, 33% for each of the 6 columns.
4: On the final column put this on it using Advanced > Custom CSS
@media (min-width: 1025px) {
selector {
width: 33% !important;
}
}

This is needed because Elementor tries to force 101% width on the final column as it thinks this is needed to get a full 100 with on 1 row.


Original post:


What I'm trying to create:

Desktop:
Section
Column | Column | Column
Column | Column | Column
/Section

Tablet:
Section
Column | Column
Column | Column
Column | Column
/Section

However I cant get the colums to stack on Desktop, they only do on mobile views.
It will just throw all 6 columns beside each other. What happens:

Desktop:
Section
Column | Column | Column | Column | Column | Column
/Section

Using 2 sections wont allow me to get the proper Tablet view either:

Desktop (wrong):
Section
Column | Column | Column
/Section
Section
Column | Column | Column
/Section

Tablet (wrong):
Section
Column | Column
Column
/Section
Section
Column | Column
Column
/Section

How can I get the desktop columns to stack?
(without creating duplicate content/columns and hiding those on certain views)

I'm using Elementor Pro, if thats any help in figuring this out.
 
elementor official
Last edited:

Latest posts

Other Elementor Resources

elementor official
elementor official
Top