Soft Responsive [Deleted]

Mine is pretty wide :/ And I don't want to change it.

logo.png
 
Mine is pretty wide :/ And I don't want to change it.

logo.png


Someone might know a css trick that could shrink it as it goes. I know images posted inside the forum resize... Arty may know a workaround, or one of the many here that are great with css.

Me, I'd have to search, I just don't know the answer....
 
It can be done. In template logo_block replace this
Code:
                <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
with this
Code:
                <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" id="largeLogo" />
                <img src="@imagePath/xenforo/logo.small.png" id="smallLogo" style="display: none;" />
then add this to extra.css
Code:
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
    #largeLogo { display: none; }
    #smallLogo { display: block !important; }
}
 
Top Bottom