XF 2.0 How to change base_url(property('publicLogoUrl')) in extra.less in XF 2

[BruceW]

I would like to do something like this but do not understand the objects well enough.

#Display narrow logo for moblie
@media (max-width: 650px) {
publicLogoUrl="NarrowLogo.png"
}

#Display wide logo for wide monitors
@media (min-width: 1200px) {
publicLogoUrl="WideLogo.png"
}

My hope is that these changes would result in changes to the logo displayed by PAGE_CONTAINER

I would very much appreciate anyone filling in the blanks on how I need to specify publicLogoUrl="NarrowLogo.png"

Thank you.

 

[Mike]

You can't really do that. You'd need define 2 different images in the PAGE_CONTAINER template and then use responsive rules to control which is displayed.