Docs

[strobley]

Hi Themeco,

I’d like to globally change the default breakpoints and have added the following custom CSS.

@media (max-width: 768px) {
    .x-section .x-container.marginless-columns .x-column[class*="x-"] {
        display: block;
        width: 100%;
        vertical-align: inherit;
    }
}

I as I understand this targets marginless columns, what about for columns with margins and also rows with or without containers – what would be code be?

What is the safest, the recommended and the best to do this? I don’t wish to keep adding custom code which may result in me messing with the overall styling and CSS of awesome X 🙂

May I ask you to provide me a list of all the default breakpoints that affect the position of columns in X?

Are the plans for any future release to be able to set user-define column breakpoints globally?

Many thanks.

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media (max-width: 979px) {
	.x-column.x-sm {
	    float: none;
	    width: 100%;
	    margin-right: 0;
	}
}

Adjust the max-width value on which screen you want the columns to break.

This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

[strobley]

Thanks for this Friech, greatly appreciated 🙂

May I ask if x-sm is now the default standard column used for all x-columns? I ask as the footer and header widgets use x-md class… and am I correct in say there used to be an x-lg too in earlier versions of X – or I may be imagining it!

With future releases shall be footer and header widgets (and all other places where x-md exist) be moved to the x-sm class to have consistent behaviour or will they retain x-md?

Thanks again!

[Christian]

Hey there,

Yes, that has been the standard since then. I’ll forward this to our core development team if they will decide to change the widgets responsive breakpoint. Please stay tuned.

Thanks.

[Alexander]

Hi there,

I’m sorry I don’t have anything more conclusive. Revisiting footers is something we have plans to do down the road, but what that looks like is undecided right now.

[Author]

Posts