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

XF 1.4 Online Indicator Moved

Discussion in 'Troubleshooting and Problems' started by JamesBrown, Oct 13, 2014.

  1. JamesBrown

    JamesBrown Well-Known Member

    Any idea what I have done to cause this indicator to float left like that? Thanks

    onlineindicator.png
     
    Last edited: Oct 13, 2014
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You have increased the width of the message user info block.

    You will need to change the position of the online indicator - something like left: 19px should do it.
    You can do that in Style Properties -> Message Elements -> Author Online Status Indicator
     
  3. JamesBrown

    JamesBrown Well-Known Member

    Thanks Brogan, I don't recall ever changing it. A left margin of 12 sorted it though Cheers (y)
     
  4. JamesBrown

    JamesBrown Well-Known Member

    Hi @Brogan It seems that fix has not worked for everyone. These two users are in different groups. The top is in Admin, any idea why the indicator would float left for that particular group?

    onlineind.png
     
  5. rainmotorsports

    rainmotorsports Well-Known Member

    I see an out of position avatar on the top one as well as the original example its to the right. From a desktop and knowing the site I could probably tell u why. No guesses off the top of my head.
     
  6. JamesBrown

    JamesBrown Well-Known Member

    .
     
    Last edited: Oct 17, 2014
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Tha avatars are aligned differently.

    You will need to resolve that.
     
  8. Martok

    Martok Well-Known Member

    You'll have to give a specific thread where you see this, all the ones I looked at show the online indicator out of position.

    You have several issues with your style that you need to address:
    1. As Brogan said, your message user info block has had its width increased. Due to this, avatars aren't centred in the block and the knock on is the misplaced online indicator (Also out of place on mobiles).
    2. Your sign-up button needs looking at - the text overflows the button
    3. Adverts don't fit properly in various views including on tablets and mobiles. You definitely need to sort this, especially if using AdSense.
     
    JamesBrown likes this.
  9. JamesBrown

    JamesBrown Well-Known Member

    It gets stranger

    If I am logged out, viewing as a guest then all avatars and the indicator seem OK. When I am logged in as admin it's my own and just one other I can see messed up (not an admin) All the others are good.


    As a guest
    onlineind.jpg

    Logged in as admin

    onlineind2.png


    AFAIK I haven't increased the message user info block, what width should it be.
     
  10. Martok

    Martok Well-Known Member

    There's something going on with avatars. When I inspect elements via the browser, I'm seeing this:

    upload_2014-10-17_14-24-55.png

    whereas on my site and on here, I'm seeing this:

    upload_2014-10-17_14-26-43.png

    Notice the size difference - 123px in the first, 102px in the second. Looks like you've changed something relating to avatars in the SPs.


    I've also noticed this above avatars:

    upload_2014-10-17_14-30-22.png

    You might want to disable blogging temporarily to rule out if this element is causing any issues.

    You do need to check your online indicator in other screen resolutions (e.g. on tablets, mobiles or just by resizing your browser). You'll see that it's not aligned on these either:

    Narrower view (e.g. tablet):
    upload_2014-10-17_14-32-6.png

    Very narrow view (e.g. mobile):
    upload_2014-10-17_14-33-11.png


    As mentioned previously, your sign-up button text overflows in narrower views:

    upload_2014-10-17_14-34-31.png

    and your adverts don't fit properly in various views (put in a spoiler so as not to give free advertising):

    upload_2014-10-17_14-35-53.png

    upload_2014-10-17_14-37-48.png
     
  11. JamesBrown

    JamesBrown Well-Known Member

    Thanks for you help that is great. It's the blogs. Everyone who has a blog has their avatar messed up. Just switched them off and everything is tidy again. (y)
     

Share This Page