Need Scalable Non-Responsive Project to Align at Top

[RyanS_Extron]

How do I make sure a scalable non-responsive project aligns at the top at all times? Thanks.

[TLCMediaDesign]

I haven't tried to do that, but did work it our to force landscape. There are a couple of invisible containers along with the actual visible course that would have to be manipulated with CSS.

[RyanS_Extron]

It's the main_container. When left is 0px, the top number changes. I need  to know how to halt it.

[TLCMediaDesign]

Add this in the style tag at the top of the index file

#main_container{

top: 0px !important

}

[RyanS_Extron]

Works! Thanks!

[Vico Eventuin]

Great solution!

One small problem I can't figure out how to solve.

After using this solution Hotspot Questions behave weird.

Clicking the mobile device screen on the Hotspot results in the circle that indicates where you touched the screen appears way above the spot that was touched?

The narrower the screen, the more the circles are off......

Used CP2017 including the update, project was published as scalable HTML content.

Drag and Drop works fine though, so problems only with Hotspot questions.

Any suggestions?

[TLCMediaDesign]

There may be other elements that need some CSS also. Don't really have time to find a solution for responsive at the moment.

[RyanS_Extron]

I unmarked as correct, because even though it did work for the drag and drop, just like what was said with the Hotspot issue above, when applied to the matching quiz slide, the draggable appears way above: