XF 1.x adding a banner

trying to add a banner below the avatar?
 

Attachments

  • Screenshot (73).png
    Screenshot (73).png
    190.5 KB · Views: 18
  • Admin.png
    Admin.png
    39.7 KB · Views: 19
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.
 

Attachments

  • Screenshot_20160331-075926.png
    Screenshot_20160331-075926.png
    273.8 KB · Views: 19
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

Pixel Exit Staff
Extra.css:

Code:
@media (max-width:@maxResponsiveNarrowWidth) {
.navTab.customLogout, .messageUserBlock div.user_rank_box { display: none !important; }
}
 
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. ?
 

Attachments

  • Screenshot_20160331-234307.png
    Screenshot_20160331-234307.png
    237.9 KB · Views: 14

Russ

Pixel Exit Staff
You have some weird positioning on the avatar,

Code:
@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.
 
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.
 

Attachments

  • Screenshot_20160401-003443.png
    Screenshot_20160401-003443.png
    240.6 KB · Views: 13
  • Screenshot_20160401-003714.png
    Screenshot_20160401-003714.png
    250.2 KB · Views: 14

Russ

Pixel Exit Staff
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:
Code:
@media (max-width:@maxResponsiveNarrowWidth) {
.messageUserBlock { margin-right: 0px !Important; } }
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.