Logo centered in sidebar
Since when is the logo on the left like this? And is it still possible do make it centered?
32 Replies
Since you enabled the sidebar collapisble?
you can center it to the div it is in, but not to the large container above.
I didn't have this problem before with collapsible sidebar.
Screenshot of it before?
The logo is on the left as long as I no it. The menu button was moved next to the logo
Can't find any right now
But on my local site i have version 2.17.17
And there it is centered
On prod i have 2.17.31
And it is not centered there
Ok can you screenshot both?
You can also see the height above the logo has changed
On both sides i have collapsible sidebar but hide the button with css on desktop viewsize
Can you compare the classes on each of the containers/
Yeah i just noticed that there is a new div there
NEW
Old
There is your issue, just center all based in the div.
And how would you do that?
Because i can't target the new div
You can usually target the div from the container divs. If you review up the top you can, failing that try a {margin: auto auto;}
i dont think its ever been centered lol
For collapsible or both?
both
Well non-collapsible was centered
This image is from August 2022, and im pretty sure i didn't have custom css here to center it.
In the top you can see it centered
The logo also isn't centered vertically anymore.
im pretty sure this wasnt default
i dont like the way the centered logo looks
send the code for your custom blade brand.blade.php
This image is from (Dutch) Dennis, is this logo extra wide to align it this way?
I guess it was centered because it's a SVG with full width. That's default behaviour. Now the link might limit the width, because it's
inline-blockYeah changing it to
block fixes it.I agree though that unless a logo is just text, it looks pretty odd with the collapsible icon. I understand why it’s to the left though as that gives consistency to the animation, but still a bit awkward
Yea. I just use css to move the icon to the right.
create a full height and full width flex container to hold the imgs
and center them there
Also what could be the reason that i have no close menu button anymore on mobile?
Seems that filament demo site also doesn't have that
any more?
i dont think it ever had that either
you just click outside the menu or on a menu item