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

XF 1.2 Mobile Style like Xenforo.com

Discussion in 'Styling and Customization Questions' started by jadmperry, Sep 10, 2013.

  1. jadmperry

    jadmperry Well-Known Member

    I looked over Brogan's excellent post/guide on responsive style properties (and did as he suggested, at least I think I did it correctly). However, when I look at xf.com on my iPhone, I vastly prefer the layout/style of the xf site. So, I am asking, is there a simple way to make my site look like xf.com on a mobile device? Is there a .xml file, or other way to easily make this happen? Am I missing anything?

    For reference, my site is www.pebforum.com.

    Thanks for any ideas/suggestions!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    XenForo.com uses the default style, you can create a new one if required.

    If you have customised your style you will need to update it to match and be fully 1.2 compatible.
     
  3. Russ

    Russ Well-Known Member

    Are you asking how to get it responsive?

    Couple things:
    • Go to Style Properties: Page Width Controller, remove your width: 1000px property, leaving that max-width
    • You'll need to upload the new xenforo-ui-sprite.png
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

  5. jadmperry

    jadmperry Well-Known Member

    This is what I have now. Is this right?
    max-width: 1000px;
    width: 1000px;
    margin: auto;

    If I have xf 1.2.1 installed, are the sprite.png automatically in place?
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    No.

    Check the thread I linked to above.
     
  7. Russ

    Russ Well-Known Member

    Well having a responsive style you can't have a fixed width setting, so just remove width: 1000px.

    As for the xenforo-ui-sprite if you have a custom style folder, you'll want to upload it(or update it if you have changes to it)
     
  8. jadmperry

    jadmperry Well-Known Member

    What is the path to the style sprite.png (i.e., where does it go?).
     
  9. jadmperry

    jadmperry Well-Known Member

    Thanks, I removed the width, so it looks closer now to right (still not perfect, but better...I know it is a work in progress, but I am getting there).
     
  10. jadmperry

    jadmperry Well-Known Member

    Sorry to be dense...Where is the sprite.png in the upload folder?
     
  11. Russ

    Russ Well-Known Member

    Just your styles/stylename/xenforo
     
    jadmperry likes this.
  12. jadmperry

    jadmperry Well-Known Member

    @Russ
    I think I got the paths right and uploaded the sprite.png files correctly. Thanks!

    I have two remaining issues. My adsense ads are all jacked up. I think I saw something about this issue in Paul's/Borgan's/Statham-all-mighty-bot's (;)) guide, so I will go back and check that out.

    My last issue is that the header image is all small and not how I would like it....can anyone look at my site (www.pebforum.com) on a mobile device and tell me/give advice on how to make the header image larger or fit to the frame (I don't know if frames/tables, or whatever is the correct terminology....I seem to recall frames from a long time ago, but that was in my bad old vb days).

    Thanks a million (likes, not dollars) to anyone who can help me with these issues.
     

Share This Page