Filament, hiding the white empty bar on mobile
So, i made a custom page, for login page, for some reason, it all looks well, but on mobile, there is this white bar on the bottom, for no reason, i have tried for over 2 hours to get it away, there is no info online it seems about this issue.
DOES anyone have any tips? I Suspect its filaments panel trying to render navbar on mobile???? I am using a view basically empty to not render header etc:
<x-filament-panels::layout.base :livewire="$livewire">
{{ $slot }}
</x-filament-panels::layout.base>
2 Replies
What did you do to "get it away"? Have you opened the Devtools and checked what it is? My guess: It's the background from
<body>Thanks , it was a class i hid now with css and it works
Heyy sorry missed ur question xD was busy at work.
Anyways so i added
body:has(.my-special-class) .footer {
@apply !hidden;
in my css since i only wanted to hide it on the login page that i redesigned.
To hdie it, not sure if that was the "right" approach, but it did hide it at least and i could not for the love of me figure out another way.