Change size of logo in navigation bar

[dylanthered]

My logo uploaded into the settings for the navigation bar appears super small. I read an old forum post about adding css to custom code but that did not work. It seems like it should be an obvious, native feature. What am I missing here?

[Suzie]

Please check this custom code, this is the one for the new Navigation

Resize logo in new header?

The following css should do the trick. To be tested with different size (1.3 to be changed if necessary) Code to be inserted in the header custom code, page or app level. If the logo is inside the sidebar: <style> #sidebar-root img { transform: scale(1.3) !important; } </style> If the logo is inside the topbar: <style> #topbar-root img { transform: scale(1.3) !important; } </style>

[dylanthered]

@Resize logo in new header?

#topbar-root img { transform: scale(1.3) !important; }

Okay, that did change the logo size. It also changed the size of all the navigation “elements”. The Home button and the Profile button in the nav bar also took on the CSS so they got larger. Is there a way to just impact the logo size without impacting all of the elements in the Nav Bar?

[matthieu_chateau]

<style>
#topbar-root a img {
    transform: scale(1.3) !important;
}
</style>

Should do the trick regarding the user profile picture. Though it should not change the size of all the navigation elements

[dylanthered]

Yeah, not sure what’s going on but it certainly changes all the elements in the nav bar.

[Ben]

Migration to the Latest Softr Blocks Is Coming Soon!

How about bringing native navigation styling back?

[matthieu_chateau]

Is it the only <style> code you entered at app level?
Could you take a screenshot of all the codes you added at the app level, header custom code, so I can have a look?
And also a screenshot of your navbar.
You can do it by DM if you prefer.
Tested on multiple apps and it does change the other elements