Viewing fixed page layout on mobile devices

Nitsorn Wongsajjathiti

I am using fixed page layout of my website (http://www.oatmeeel.com). It works fine on desktop browsers but not on mobile devices. The website is scaled to fit the browser but the format of some components change. Help please? Thank you!

mechanicals

Convert all you fix width Containers to percentage. You anyhow want you website to fit to screen. So, instead of using the

width: 1442.88px;

which you are using. Covert this to 100%. And also, create percentage layout (fluid layout) for the website. You might also need to use "media queries" to rearrange the elements if needed.

Look for these two terms:

Percentage Layout(Fluid Layout) & Media Queries.

You'll be on your way to fix the issue you are facing. Still if you want any specifics, let me know.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Stretching layout for mobile devices

From Dev

Stretching layout for mobile devices

From Dev

Disable zoom on mobile devices for fixed viewport size

From Dev

page is not scrolling vertically in mobile devices

From Dev

Page content not showing on mobile devices

From Dev

Issue with fluid-fixed layout on mobile browsers

From Dev

How to redirect a single page for mobile devices?

From Dev

Page extends beyond the viewport on mobile devices

From Dev

Page not full width on certain mobile devices

From Dev

Bootstrap navbar - removing fixed header from mobile devices

From Dev

My fixed backgrounds arent showing properly on mobile devices

From Dev

How to scroll on submenus of a sticky and fixed menu in mobile devices

From Dev

Making layout works on all Android devices with fixed dimensions

From Dev

jQuery Mobile Dialog Page - Fixed Position Header

From Dev

How to automatically hide carousel of a web page on mobile devices?

From Dev

I cant see my web page from mobile devices

From Dev

Redirect only mobile devices to a landing page. But only once

From Dev

Detecting splash page PHP file from non-mobile devices

From Dev

Fixed position div causes page to be truncated in less common mobile browsers

From Dev

jQuery Mobile 1.4.3 fixed toolbar and page content issue

From Dev

Fixed Header hidden on JQuery Steps page (only on certain mobile browser)

From Dev

Fixed positioned element scrolls with page until the scrolling is complete in Firefox mobile

From Java

my android app run on emulator and run on android devices but does not login page work in mobile devices

From Dev

Fixed Layout EPUB where each page has a different size

From Dev

how to set up a fixed position image in a one page layout

From Dev

Page Layout with Fixed HTML Header and Footer, with Flexible content

From Dev

How to check which div page the user is currently viewing using jQuery mobile?

From Dev

Fixed position on desktop browsers, relative/static position on mobile devices (Android, iOS ...)

From Dev

Hide border when viewing on mobile

Related Related

  1. 1

    Stretching layout for mobile devices

  2. 2

    Stretching layout for mobile devices

  3. 3

    Disable zoom on mobile devices for fixed viewport size

  4. 4

    page is not scrolling vertically in mobile devices

  5. 5

    Page content not showing on mobile devices

  6. 6

    Issue with fluid-fixed layout on mobile browsers

  7. 7

    How to redirect a single page for mobile devices?

  8. 8

    Page extends beyond the viewport on mobile devices

  9. 9

    Page not full width on certain mobile devices

  10. 10

    Bootstrap navbar - removing fixed header from mobile devices

  11. 11

    My fixed backgrounds arent showing properly on mobile devices

  12. 12

    How to scroll on submenus of a sticky and fixed menu in mobile devices

  13. 13

    Making layout works on all Android devices with fixed dimensions

  14. 14

    jQuery Mobile Dialog Page - Fixed Position Header

  15. 15

    How to automatically hide carousel of a web page on mobile devices?

  16. 16

    I cant see my web page from mobile devices

  17. 17

    Redirect only mobile devices to a landing page. But only once

  18. 18

    Detecting splash page PHP file from non-mobile devices

  19. 19

    Fixed position div causes page to be truncated in less common mobile browsers

  20. 20

    jQuery Mobile 1.4.3 fixed toolbar and page content issue

  21. 21

    Fixed Header hidden on JQuery Steps page (only on certain mobile browser)

  22. 22

    Fixed positioned element scrolls with page until the scrolling is complete in Firefox mobile

  23. 23

    my android app run on emulator and run on android devices but does not login page work in mobile devices

  24. 24

    Fixed Layout EPUB where each page has a different size

  25. 25

    how to set up a fixed position image in a one page layout

  26. 26

    Page Layout with Fixed HTML Header and Footer, with Flexible content

  27. 27

    How to check which div page the user is currently viewing using jQuery mobile?

  28. 28

    Fixed position on desktop browsers, relative/static position on mobile devices (Android, iOS ...)

  29. 29

    Hide border when viewing on mobile

HotTag

Archive