Vincent Panhuysen & Alex G

I coded a solution to this if you want it!

Go to Bettermode App Store in your community settings, then Custom Code Snippet.

Paste this code in 'custom code for <head>'. It will force the desktop logo on mobile view, bear in mind it wont show in your editor, only on the published site.

<script>\n// Function to force the full logo to be visible and hide the mobile logo\nfunction forceFullLogo() {\n  // Find the mobile and desktop logo containers\n  const mobileLogoDiv = document.querySelector('div.block.sm\\\\:hidden');\n  const desktopLogoDiv = document.querySelector('div.hidden.sm\\\\:block');\n  \n  if (mobileLogoDiv && desktopLogoDiv) {\n    // Hide the mobile logo\n    mobileLogoDiv.style.display = 'none';\n    \n    // Show the desktop logo on all devices\n    desktopLogoDiv.classList.remove('hidden');\n    desktopLogoDiv.style.display = 'block';\n  }\n}\n\n// Run when the page initially loads\ndocument.addEventListener('DOMContentLoaded', forceFullLogo);\n\n// Set up a MutationObserver to detect DOM changes\nconst observer = new MutationObserver(function(mutations) {\n  forceFullLogo();\n});\n\n// Start observing the document body for DOM changes\ndocument.addEventListener('DOMContentLoaded', function() {\n  observer.observe(document.body, { \n    childList: true,\n    subtree: true \n  });\n});\n\n// Also run if the window is resized\nwindow.addEventListener('resize', forceFullLogo);\n\n// Run when navigation occurs (handles more cases)\nwindow.addEventListener('popstate', forceFullLogo);\ndocument.addEventListener('click', function(e) {\n  // Wait a short time after clicks (which might trigger navigation)\n  setTimeout(forceFullLogo, 100);\n});\n</script>

Full logo display in mobile view