This update seems to have shrunk my header logo considerably. On both my English and French themes. Any idea why? I can’t seem to figure out what might have changed.

[image] zapata_36: This update seems to have shrunk my header logo considerably. You can use the following to allow the logo to increase in size up-to the dimensions specified in your theme. .d-header #site-logo { height: auto; } [image] zapata_36: It also broke the mobile theming in the header (menus) I can’t really tell what’s broken because I don’t know what the desired result is. If you’re noticing a particular problem, please specify what it is. the logo size on mobile is actually set in your theme. You have these rules in your theme @media screen and (max-width: 500px) { #main #site-logo { max-height: 60px; } } @media screen and (max-width: 800px) { #main #site-logo { max-width: 100%; } } I noticed that the caret icon is broken but that’s because we changed the way we handle FontAwesome icons. You have this rule @media screen and (max-width: 800px) { .nav-open:before { content:"\f0d7"; padding: 0 10px; font: normal normal normal 14px/1 FontAwesome; display: inline-block; } } This doesn’t work anymore. Since this is custom markup, you can inline the caret icon. You html currently looks like this Menu Knowledge Centre Discussion Community Hubs Resources To add the icon back, you need to add this inside the label So your markup becomes Menu Knowledge Centre Discussion Community Hubs Resources and add the following CSS to add some margins and control the color of the icon .custom-caret { fill: white; margin: 0 10px; }

https://share.otf.ca/ It also broke the mobile theming in the header (menus). Which seems to be a result of the much smaller site logo in the header.

Looks related to Mobile logo in header broken - #14 by Johani. The CSS shrinking the logo is below, added to Discourse 6 days ago. Going to ask @Johani to take a look when he’s online. You may simply need to override that CSS in your theme, or we may be able to fix it in Discourse, not sure. .d-header #site-logo { height: 2.57em; }

Header logo is smaller after upgrading to 2.2.0.beta5

Product Support

jomaxro (Joshua Rosenfeld) November 29, 2018, 9:57pm 2

Hard to say without more details. Can you share a screenshot, or ideally a link to your site?

Topic		Replies	Views
Mobile logo in header broken Product Support	14	1999	November 23, 2018
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1235	January 31, 2024
Dark Theme giant Discourse logo Bug	8	1705	November 23, 2018
Trying to use a large top logo - unsuccessfully! Product Support	12	3111	November 14, 2017
Any way to change at what width the small logo appears? Development	8	290	July 29, 2026

Header logo is smaller after upgrading to 2.2.0.beta5

Related topics