Custom div Elements in Topbar not responsive

[alaris]

Dear sir/madam,

I am trying to make the topbar responsive when resizing width

I want the div elements to be stacked vertically when the width is resized.

This is not happening. The Site is https://microangeloit.com.au/

[marc_a]

Hi Angelo,

Thanks for reaching out.

To fix your issue about the custom top bar you added, please add this code in your X > Theme Options > CSS

@media (max-width: 991px) {
	.x-column.x-1-3 {
	    width: 100%;
	    min-width: auto !important;
	    text-align: center !important;
	}
	.x-topbar-inner .x-row {
		display: block;
	}
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.