Mobile site layout reverts to Desktop layout.





Hi all,

Uploaded a site to my own server via FTP. Have constructed a Desktop and Mobile site. Everything looks great on the desktop site. 

However when i look at it on a mobile device, the front page looks fine. As soon as i go away from the home page it reverts back to the desktop site and becomes distorted.

Any idea why the sub pages are not activating the mobile site layout?

Cheers,

Merritt
links to a phone layout should have /phone in the code... I would assume you copy | pasted these links from your desktop layout and that of course makes them go there in stead but the good news is its easy to fixp.s, you did the right thing and its nice to see a designer do basic testing of their site
hi roland, the universal gui will ultimately become a fully-fledged alternative to the windows, web and mobile user interfaces. we will make sure that current layouts (with tabs and inline details) in windows and web are also supported in the universal gui, to make the transition as smooth as possible! You **DON'T** create two versions of your navigation! I told you (in one of your other four threads regarding this same issue) that you have to **REPLACE** the markup (HTML) from your current navigation with the navbar markup that comes with Bootstrap out of the box. The classes on that Bootsrap navbar will handle the responsiveness for your mobile nav. The only thing that you have to to do is change the default design of the navbar to that of your current navigation.


Check these two Bootsrap navbar examples.  

<https://bootsnipp.com/snippets/Oe7QM>  

The first is the **default** and the second the **inverse** version. The mobile version of the navigation is baked in the Bootstrap CSS file (which you load twice by the way on <http://www.purelineliving.com/> - Get rid of one!!!). You don't have to do much else!


You use Bootstrap so **STICK** to the HTML (markup) & CSS (classes) of the framework and certainly if you don't have any clue what you're doing.  

<https://getbootstrap.com/docs/4.0/getting-started/introduction/>


I also mentioned before that you have horizontal scrollbars on tablet and mobile screens, because your images are not responsive. They have all defined width and height attributes in the markup, so they won't shrink once the screen gets smaller. absolutely. your website will look great on mobile devices. we don’t charge extra for this. it comes as standard. You are using position:absolute; Don't, it usually leads to endless problems.



Even if you had a real need to use it, why are you placing things at left 1400px!!!



This is right on the edge of the average monitor - how large is your monitor? I work with my browser open at a width of about 1000-1200px (note I didn't mention the size of my monitor). The main reason people have big monitors is so they can have two windows open next to each other, not so that they can run a browser window open at 2800px wide.



I suggest you start by looking at ordinary websites and studying the css. you'll discover that many sites use a wrapper div with a fixed width, while others use a wrapper div with a percentage width and a max-width, to prevent ending up with a huge long line of text 2500px long for example. Then they center the div using margin:auto. That gets the content in the middle of the page on the vast majority of screens, and browser viewports.



Don't lay out a screen using position:absolute. You are not painting pretty pictures on a screen, you should be using html and css to control the layout and check how the layout looks every time, by resizing the window looking for errors.



Also, a contact form needs the input boxes to be part of a <form>, so you'll have to read up on how they work. And a form needs an action, so you'll have to learn a bit about scripting, probably php. hi there,

you should set every “height” to “auto”.

the “height” in your designer tool isn’t the same as a mobile phone. your elements in the blocks with a set height are probably bigger than the set height you used.

hope this works!

cheers,

max zijlstra i just solved the problem myself. there was something wrong with my browser. after a restart everything is working as expected. sorry for the hassle. hi erin

a website restart is required to pickup some changes to settingitems in the portal, id recommend giving it a restart and it should show.

regards
joe okay, from an iphone i see the problem. make sure you don’t have anything on too high of a pixel measurement regarding width as well as make sure none of what you have on position other than auto is sticking out. hope this helps. :wink::+1: it sounds like you had a fantastic trip to the walt disney world resort! prior to and during our visits, we access our plans through the my disney experience mobile app. i am sorry to say that those plans have not been visible once our trips have ended. i did contact website support at the walt disney world resort to confirm my answer and the cast member i spoke with also said the plans are no longer visible once your trip ends. having said that, i will say that the walt disney world resort is always working to enhance the guest experience and technology is ever changing, so you may want to contact website support and provide your specific my disney experience account information to see if they can work some magic. i typically print a hard copy of our plans from my disney experience and i create a separate chart with all of our plans (including flight information) in microsoft excel. so, all is not lost, you may be able to recreate your trip in a chart. i call this good quality family time. gather everyone together to reconstruct the plans! if you had any dining reservations and/or tours, remember that those dining and tour confirmations are usually emailed to you, so you may be able to locate those days and times. i will also add that if you took any photopass photos and any photos are missing from my disney experience, i have had great luck working with disney's photopass service to retrieve those photos and link them to my account. header, footer and other page attributes are stored against “sections” and not individual pages. each section can be one page, several pages or the entire document. inserting a manual page break starts a new section. i am new to libreo and was also frustrated by its behaviour till the penny dropped …