1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Page width for mobile style

Discussion in 'Styling and Customization Questions' started by MOZ, Jul 14, 2012.

  1. MOZ

    MOZ Well-Known Member

    Hey, I am working on customising the style of our forum for mobile users. However I am facing an issue with the page width.

    Could someone guide me on how to set the page width properties so that the page is fluid, yet the text is readable on the phone screen. I would like the page width to be equal to the screen resolution.
     
  2. Arty

    Arty Well-Known Member

    Add this meta tag to head section of PAGE_CONTAINER template:
    HTML:
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
     
    CritiKiL likes this.
  3. MOZ

    MOZ Well-Known Member

    That worked brilliantly.
     
  4. CritiKiL

    CritiKiL Active Member

    Yes! This worked for it perfectly, but I was wondering how I can keep the MEMBERS PROFILE area fixed in the same way? The MEMBERS PROFILE area floats from left to right even with this code working for the entire forum in mobile view. I just need it to do teh same inside of the MEMBERS PROFILE (when people click on a members name to see that members profile).
     

Share This Page