1 reply [Last post]
âKILLE's
âKILLE's's picture
Offline
newbie
Ontario, Canada
Last seen: 29 weeks 2 days ago
Ontario, Canada
Timezone: GMT-4
Joined: 2019-04-29
Posts: 1
Points: 2

I have a web site I'm working on at www.scoutmodels.com.

I have a CSS menu at the top of each page.

When I view the webpage on a computer, when I go to Apply Now! button, the form and CSS menu stay the same as other pages. But when I visit on mobile the CSS menu and form collapses to fit the screen of the mobile.

How do I stop this so the Apply Now! page looks the same on both a laptop and a phone.

Thanks for any help. Feel free to download the CSS files and other files to help.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 hours 40 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9743
Points: 3822

How old is that code?

I don't see any media queries, though they may be buried in the embedded javascript. I believe phones, etc. are scaling the page, i.e. shrinking the page as a whole. Responsive media queries will reformat the page as instructed. See Jason Knight's essay on responsive layouts. The responsive stuff is towards the end. Read the whole essay for really good practices.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.