Thanks! Ciaran.

Hi Milian

For a little more control you can use the following custom CSS instead, editing the order value to your own taste...

@media only screen and (max-width: 767px) {

	#main {

	display: flex;

	flex-direction: column;

	}

	#content_remainder {

		order: 1;

	}

	#sidecol_a {

		order: 2;

	}

	#sidecol_b {

		order: 3;

	}

}

Ciaran

Thanks Ciaran,
Your added css gives now indeed:

C
Side-A
Side-B

But the preferred choice is
Side-A
C
Side-B

and/or

Side-A
Side-B
C

It depends on the actual website-content witch order we prefer.
In other words. We like to choose one of the three posibilities (as the desktop version)

You're making me very happy about this, because I love PianoForte!

How can I change this 2 orders in the css code below?


-----------your modified present mobile view -- C S S ---

@media only screen and (max-width: 767px) {
#main {
display: flex;
flex-direction: column;
}
#content_remainder {
order: -1;
}}

--------------- EOF ------

Thanks Ciaran,
I will look into it tomorrow.
Regards,
Milian

Thank you

I have added the needed CSS (Custom CSS field) to place your content above the side column modules on smaller screens.

Ciaran

https://www.boekhandelpraamstra.nl/ja30/

I send you the login in a DM.

Can you make it generic so that i can use it on different locations and after an update...
regards, milian

Hi Milian

Would you have a URL to an example of this issue?

Ciaran