Respollo 1.0.2

[CyberAP]

CyberAP submitted a new resource:

Respollo - Makes your logo play nicely on a mobile layout with a simple addon!

So, your logo is too wide or too small for mobile layout. We can fix that with a little help of a magical media-queries.

This is a style property addon. That means that everything is controlled through style properties when you install this addon. It can also be configured differently per style.

What this addon can do and where it's located:

• Scale logo to page's maximum width (Header and Navigation style property)
  
• Align logo to the center on narrow width (This property and...

Read more about this resource...

 

[Russ]

While this is nice don't see the need to delete the other resource, my preference is one less add-on I'd have to have in my list, especially for less than 10 lines of CSS that can go in extra.css, nevertheless nice work.

 

[CyberAP]

CyberAP updated Respollo with a new update entry:

Quick fix

Forgot to include TM , sorry

Read the rest of this update entry...

 

[CyberAP]

While this is nice don't see the need to delete the other resource, my preference is one less add-on I'd have to have in my list, especially for less than 10 lines of CSS that can go in extra.css, nevertheless nice work.

These changes are hard to keep track of. If you want to do it manually you can always refer to a source post: http://xenforo.com/community/threads/responsive-questions.52925/#post-568864

 

[CyberAP]

CyberAP updated Respollo with a new update entry:

Fixed property title

'Adjust header height considering mobile logo' now has 'width' at the end

Read the rest of this update entry...

 

[time]

How can I apply to every image on the forum. for example, I want to apply for it http://xenforo.com/community/threads/define-the-image-size-as-of-js.51397/#post-558734

 

[CyberAP]

How can I apply to every image on the forum. for example, I want to apply for it http://xenforo.com/community/threads/define-the-image-size-as-of-js.51397/#post-558734

What images are you talking about? Post attachments? Ad banners? Logos for different styles?

 

[Wildcat Media]

I haven't fully worked with the logo yet, but the simple CSS to resize the logo to fit the screen width works great!

One thing that I see is that the reserved width for the logo is still tall. In other words, the logo is scaled down properly but now it has a lot of space, top and bottom. I don't even know if that can be adjusted, as it will be variable based on the multitudes of screen widths. (I also haven't tried yet to see if the remaining CSS posted here will fix this...I'm in the middle of reconfiguring a forum at the moment.)

 

[CyberAP]

Unfortunately not, you can't adjust top and bottom space. But you can replace your logo with the same image, only fixed width and height, then enable header fix.

Add background-size: cover; to miscellaneous section in Mobile logo replacement in order to fit your logo into the box.

 

[Shelley]

I haven't fully worked with the logo yet, but the simple CSS to resize the logo to fit the screen width works great!

One thing that I see is that the reserved width for the logo is still tall. In other words, the logo is scaled down properly but now it has a lot of space, top and bottom. I don't even know if that can be adjusted, as it will be variable based on the multitudes of screen widths. (I also haven't tried yet to see if the remaining CSS posted here will fix this...I'm in the middle of reconfiguring a forum at the moment.)

It fits perfect for me to have that space since clouds float.

Great resource and thanks and thanks again @CyberAP.

 

[Wildcat Media]

I didn't know if there was a way to dynamically resize that reserved header block space...I have mine set for 119px, but it makes me wonder if some combination of padding and maybe a percentage height (?) would do what we wanted.

 

[Wildcat Media]

It fits perfect for me to have that space since clouds float.

Well, true, but since my site has nothing to do with clouds, helium balloons, feathers or that blasted cottonwood that is stirring up all of our allergies here, the "floating" of my logo doesn't quite look as good.

 

[CyberAP]

You can't do anything about header height. It's positioned absolutely so content top margin (#headerMover) is always a fixed value.

 

[Rho Delta]

Great idea, but really bad name. No one browsing quickly is going to know what this addon does in my opinion. Maybe use something a little more descriptive?

 

[Matthew Hawley]

Is it just big logos that have trouble with responsive?

 

[Matthew Hawley]

Great idea, but really bad name. No one browsing quickly is going to know what this addon does in my opinion. Maybe use something a little more descriptive?

I think the name is perfect.

 

[CyberAP]

Is it just big logos that have trouble with responsive?

This addon also works with small logos.

 

[Adam Howard]

* watching

Not sure if I need this as I made my logo the right size to fit even an older Sony Walkman Ericsson Phone (the old slider model, not the new smart phone).

But I do think this is valuable and so I'm going to keep an eye on it.

Good job, @CyberAP

 

[mistypants]

Fantastic add-on! Thanks a lot for this.

 

[rdn]

Still works on xf 1.2.0 ?