Adminlte: Hide main.header .logo for mobile
Hello,
Thank you for the opensource code, probably the most amazing free out there. I know this has been asked before but had no answers unfortunately.
The main header for mobile sizes is double the size because there are two classes in the main-header.
I want to make it only one as the following:
Can someone please advise on best practice to hide main.header .logo for mobile?
or combine both the class navbar and class logo so both are in the same main-header. As now they are separated?
Issue type:
- [X ] Feature request
- [ ] Bug report
- [ ] Documentation
Environment:
- AdminLTE Version: 2.4
- Operating System: Windows 10
- Browser (Version): Chrome (Latest)
bxs3zo1992
>All comments
Due to AdminLTE v2 using Bootstrap 3 you can use bootstrap available css class to hide it by adding 'hidden-xs' for phone and/or 'hidden-sm' for tablet.
(details: https://getbootstrap.com/docs/3.3/css/#responsive-utilities)
<div class="main-header"><a href="index2.html" class="logo hidden-xs hidden-sm">
<span class="logo-mini"><b>A</b>LT</span>
<span class="logo-lg"><b>Admin</b>LTE</span>
</a>....</div>
Result will be like this:
heemza
on 22 Dec 2018
Related issues
tester10
路
3Comments
acacha
路
4Comments
vbetancourt
路
3Comments
jrlooney
路
3Comments
kgoedert
路
4Comments
Most helpful comment
Due to AdminLTE v2 using Bootstrap 3 you can use bootstrap available css class to hide it by adding 'hidden-xs' for phone and/or 'hidden-sm' for tablet.
(details: https://getbootstrap.com/docs/3.3/css/#responsive-utilities)
<div class="main-header"><a href="index2.html" class="logo hidden-xs hidden-sm"> <span class="logo-mini"><b>A</b>LT</span> <span class="logo-lg"><b>Admin</b>LTE</span> </a>....</div>Result will be like this:
