Cheers

Thank you for using the theme!

It is possible but we’ll need to inspect the actual website in order to help you with it. Can you please provide the website url and the screenshot of how you want the columns to look like on smaller screens? We’ll be happy to assist you further with this.

Cheers!

We can help with small CSS tweaks, such as a page needing to display slightly differently.

However, X is built from the ground up to be responsive. There’s a whole lot more than media queries in play. Much of the responsive design can be done without media queries by using a combination of min-width / max-width properties and percentage based dimensions.

I’m afraid there isn’t a way to make X non-responsive unless you rewrite a good deal of CSS.

This isn’t something within the scope of support, but I can give a bit of advice. You could modify the SCSS files included with the theme, then compile them into a new CSS file. Then there are ways to load an alternate stylesheet depending on the page. If you’re ok with rewriting the CSS, we could help you with loading an alternate stylesheet per page. It’s quite an undertaking though, and I wouldn’t recommend it because of how X will continue to grow and change from one version to the next.

I am ok with the fluid %% css.

I just need the “alignment” attributes not to change to “none” etc when the screen is smaller.

Are you %100 sure it’s not possible throw the page custom CSS field?

Cheers

Thank you for the info.

Can you please provide a screenshot of the elements that you want to change or prevent from changing from media queries? We visited the website but we’re not so sure where to start.

Cheers!

In the Customizer > Custom > CSS, please add the code below.

@media (max-width: 767px) {
	.x-column.one-half, .x-column.one-third, .x-column.two-thirds, .x-column.one-fourth, .x-column.three-fourths, .x-column.one-fifth, .x-column.two-fifths, .x-column.three-fifths, .x-column.four-fifths, .x-column.one-sixth, .x-column.five-sixths {
	float: right;
	}
}

Then, manually set the width of your column like what you did here.

Hope that helps. 🙂