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.
- Compatible XF Versions:
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 specifically per each 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 everything below goes under Responsive Design style property)
- Replace logo on narrow width
- Adjust header height considering mobile logo height
Every option can be disabled. Mobile logo can be configured in Mobile logo replacement property.
If you need some extra tweaking feel free to modify respollo.css template.
Install XML file as an addon.
Configure everything you want via style properties. Use respollo.css template for extra customization.