Docs

[adamcollins]

Hey there, I run some websites that are heavy on graphs:

http://freecotdata.com
http://simplestockmodel.com

The graphs look great on laptop/desktop resolutions, but on phones the screen has to be oriented horizontally for them to display correctly.

I’m interested in forcing a text box to appear at the very top of my sites when they load on a screen of a certain width. Basically saying “Hey! Tilt your screen sideways”

Any idea how to force Cornerstone to show this?

Thanks in advance, love the ThemeCo community!

[Friech]

Hi There,

Thanks for writing in! On top of your page please create a new section. On this section place an Alert element and paste your “Hey! Tilt your screen sideways”.

Then inspect that section and put this on the class field section-show-portrait. And this display: none; on the style field.

Then add this on your Custom CSS on Customizer.

@media all and (orientation: portrait) {
	.section-show-portrait {
		display: block !important;
	}
}

The section should be hidden, but shows when the page is viewed on a portrait screen.

Hope it helps, Cheers!

[adamcollins]

Amazing, that works perfectly!

Thanks again, the support team here never fails to impress

[Lely]

You’re welcome!

Glad we were able to help.

Cheers!

[Author]

Posts