XF 2.0 How to make max-width of mobile logo wider?

[originalk]

How do go about making the max-width of the mobile logo wider?

I tried adding an !important override in extra.less but doesn't seem to work.

.p-nav-smallLogo {
    max-width: 140px !important;
}

 

[Mike]

The image itself has a max-height specified as well, which will limit the size in the other dimension. Best bet is to inspect this in your browser's dev tools so you can identify the selectors to use and what is being applied now.

 

[originalk]

Right, I've done that. Where's the best place to put my CSS overrides? extras.less?

 

[Mike]

You can do that or edit the containing template directly (the merge system will generally mean this won't be a problem, unless the changes conflict, in which case it will tell you).