XF 1.4 Online Indicator Moved

[JamesBrown]

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

 

[Paul B]

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]

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

 

[JamesBrown]

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?

 

[rainmotorsports]

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.

 

[JamesBrown]

.

 

[Paul B]

Tha avatars are aligned differently.

You will need to resolve that.

 

[Martok]

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]

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


Logged in as admin




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

 

[Martok]

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



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



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:



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):


Very narrow view (e.g. mobile):



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



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

Spoiler

 

[JamesBrown]

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.