adding a banner

[Bradley Prout]

trying to add a banner below the avatar?

 

[Russ]

You should be able to achieve it:

https://xenforo.com/help/user-group-styling/

Setting up a simple div as the default title, then apply CSS to it, such as

<div class="adminBadge"></div>

.adminBadge
{
background: url(@imagePath/xenforo/yourrank.png) no-repeat 0 0;
width: 100px;
height: 30px;
}

 

[Bradley Prout]

Oh man, finally got the banners to show.
But my question is now. How can i make the mobile view looking more tidy than this.

 

[Bradley Prout]

@Russ

 

[Russ]

Do you want them showing in responsive view?

 

[Bradley Prout]

Do you want them showing in responsive view?

actually no if that could be removed from view?
also is it possible to remove the logout button from navbar from mobile too? only reason i say this is its in the dropdown visitor panel (mobile viewable only) and some members get a notification and end up logging out lol

 

[Russ]

Extra.css:

@media (max-width:@maxResponsiveNarrowWidth) {
.navTab.customLogout, .messageUserBlock div.user_rank_box { display: none !important; }
}

 

[Bradley Prout]

Awesome, last thing on the mobile view.
There is a white block under the members bar? Can that be removed. It's like wasted space then the actual post. ?

 

[Russ]

You have some weird positioning on the avatar,

@media (max-width:@maxResponsiveNarrowWidth) {
.Responsive .messageUserBlock div.avatarHolder {
  position: absolute;
  top: 0;
}}

In extra would probably do it, you're using like top: -60px which is giving it a blank space.

 

[Bradley Prout]

Lol, Russ we are almost there dude. Sorry. Picture below shows that the bar doesn't quite finish off

And a odd white line on the right side.

 

[Russ]

I'll need to debug it tomorrow, you have some weird CSS going on in your style which I can see why you're trying to do it, but it's changing it in responsive view and breaking it.

I'm taking off for the night but you can try this:

@media (max-width:@maxResponsiveNarrowWidth) {
.messageUserBlock { margin-right: 0px !Important; } }