Swap Columns Not Working in X Pro

Support
#1

Hello,

@media screen and (max-width: 767px) {
.x-section .x-container.swapcolumns {
display: flex;
flex-direction: column-reverse;
}
}

@media screen and (max-width: 480px){
.x-section .x-row.swapcolumn .x-row-inner {
flex-direction: column-reverse;
flex-wrap: nowrap;
}
}

The codes above were given to me before the most recent updates.
They only function on the classic content rows.

Can you let me know what works on Pro?

Thanks,

Jesse

#2

Hello Jesse,

Thanks for writing in!

Please have the code updated and use this instead:

@media screen and (max-width: 767px) {
	.x-section .x-container.swapcolumns {
		display: flex;
		flex-direction: column-reverse;
	}

	.x-section .x-row.swapcolumn .x-row-inner {
		flex-direction: column-reverse;
		flex-wrap: nowrap;
	}
}

We would love to know if this has worked for you. Thank you.

#3

This didn’t work either.

#4

Hello Jesse,

Actually the code works because when I check your page in a smaller screens, this is what I am seeing:

Please temporarily deactivate WP Optimize plugin and test your site again.

#5

I figured it out, it had to do with bad classes.
The area you were looking at was all classic content.
I resolved the issue with the new content.
Thank you!

#6

Glad you sorted things out,

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.