Docs

[eltin7]

Hello there,

I have some problems while viewing my website on mobile.

So, my home page viewed on desktop ( http://mediadome.ro/) looks fine. All good. My second section it is splited in two columns (Cine suntem noi and Cum facem asta – translated to Who we are/How we do this).

When I access the website on my mobile devive, this section looks like that: https://s28.postimg.org/4u3d5qmhp/16443064_1206894229365110_198975687_o.png

I want this section to be visible on two columns on my mobile device also. How it can be done?

Thank you!

[Friech]

Hi There,

Thanks for writing in! Inspect the Section (where the Cine and Cum is placed). Then add a Class
stay-inline on it.

And then declare that class on your Custom CSS on Customizer.

@media (max-width:  767px) {
	.stay-inline .x-column.x-1-2 {
	width: 48%;
	float: left;
    margin-right: 4%;
	}
	.stay-inline .x-column.x-1-2:last-of-type {
		margin-right: 0;
	}
}

And lastly add this inline-style clear: both; on the STYLE field of the next section (the 3rd section).

Let us know how it goes. Cheers!

[eltin7]

Thank you! It worked fine.

[Paul R]

You’re welcome! 🙂

[Author]

Posts