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

Page Width issue...

Discussion in 'XenForo Questions and Support' started by Peggy, May 9, 2011.

  1. Peggy

    Peggy Well-Known Member

    I'm really having a difficult time with this.

    I want my site to look good on both my (and my members) monitors, but I also want it to look good on mobile devices, specifically iPad and iPhone, which are the two devices that I have.

    I had it set to fixed width, which I really do not like. With the settings, I used, it looked good on the ipad/iphone, but very narrow/squished on my monitor.

    SO, I just changed it to fluid width, using these settings -
    width = auto
    left and right margins = 50px
    min width = 900px.

    This looks ok on the ipad/iphone, but is very very wiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiide on my monitor (23" widescreen).

    Am I going to have to settle with this width on my monitor so that it looks good on these mobile devices?
     
  2. Staxed

    Staxed Active Member

    have you tried setting the width to 80% rather than using 50px margins?
     
  3. Forsaken

    Forsaken Well-Known Member

    You can use max-width to make it so there is a maximum width it can expand to.
     
  4. Peggy

    Peggy Well-Known Member

    You mean beneath the min-width setting?
    Any suggestions as to a max width number?
     
  5. Peggy

    Peggy Well-Known Member

    Not with XenForo. :)
     
  6. Wuebit

    Wuebit Well-Known Member

    Just add

    left and right margins = XXpx
     
  7. Peggy

    Peggy Well-Known Member

    I already have that. They are set at 50px
     
  8. Forsaken

    Forsaken Well-Known Member

    Underneath or above would work.

    I don't know what size you're comfortable with (or what size your monitor resolution is set to) so you'll have to play with it.
     
  9. Wuebit

    Wuebit Well-Known Member

    Just that..

    You posted
     
  10. Staxed

    Staxed Active Member

    this is gonna take me forever to learn new techniques, lol
     
  11. Peggy

    Peggy Well-Known Member

    Yep, see? My left/right margins are 50px.
     
  12. Wuebit

    Wuebit Well-Known Member

    So what's the problem ? you want a fluid but its too wide? but than you said you had I fixed I don't get it :p
     
  13. Peggy

    Peggy Well-Known Member

    Nope this part is easy, really. I'm just trying to cater to the mobile crowd as well as the PC crowd, so it's getting a bit frustrating.

    To change your forum width, go to your acp > appearance > styles.
    When you see your style, then go to style properties > General > Page Width Controller.
     
  14. Peggy

    Peggy Well-Known Member

    read my first post. :)
     
  15. Wuebit

    Wuebit Well-Known Member

    I did and don't understand it :C sounds like you want a fixed but than you said you tryed a fixed

    SO you want it to fit small screens and not look big on a big screen ? = fixed
     
  16. Forsaken

    Forsaken Well-Known Member

    She wants a fluid width style, but she wants it to stop expanding after a certain amount.

    The best way to do this is making use of max-width (try 1200 or so, or increase it depending on your resolution).
     
  17. Wuebit

    Wuebit Well-Known Member

    Yea but she also wants it to work with small screens so that's max and min with margin auto 0 with! margin 0 30px.. Don't think max and min will work
     
  18. Peggy

    Peggy Well-Known Member

    okie doke, will try this.

    btw I'm using 1449 x 900, altho my monitor will go all the way up to 1920 x 1080.
     
  19. Wuebit

    Wuebit Well-Known Member

    what size is the ipad ? If you used just that it will span over the page on a smaller screen...
     
  20. Peggy

    Peggy Well-Known Member

    darned if I know.

    The max width messed it all up, so I'm going to stick with my wiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiide forum on my monitor, so that it'll look ok on the mobile devices, I guess.
     

Share This Page