• 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

Brogan

XenForo moderator
Staff member
#2
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
 

JamesBrown

Well-known member
#4
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
 

rainmotorsports

Well-known member
#5
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.
 

Martok

Well-known member
#8
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

Well-known member
#9
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.
 

Martok

Well-known member
#10
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
 

JamesBrown

Well-known member
#11
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)