Only the "menu type" "horizontal" adds some background color to the topbar.
It's a problem if you put some logo with transparent background in the topbar. If you switch the menu type, the logo disappears.
Is it possible to apply the background color for every "menu type" ?
put background color on topbar
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
The logo is not transparent. It is hidden on horizontal mode.
You need to make some changes for this. Please try;
You can override my custom css according to your needs.
Best Regards,
The logo is not transparent. It is hidden on horizontal mode.
Code: Select all
@media (min-width: 1281px)
.layout-wrapper.layout-horizontal .layout-sidebar .layout-sidebar-logo {
display: none;
}
Code: Select all
// topbar.xhtml
...
<div class="layout-topbar">
<a href="#" id="layout-menu-btn" class="menu-btn">
<i class="pi pi-bars"/>
</a>
<div class="layout-topbar-logo"> // Please add this line
<a href="dashboard.xhtml">
<p:graphicImage name="images/logo-manhattan.png" library="manhattan-layout" />
</a>
</div>
<div class="topbar-search">
...
Code: Select all
.layout-wrapper .layout-topbar .layout-topbar-logo {
margin-right: 1rem;
display: none;
}
.layout-wrapper .layout-topbar .layout-topbar-logo img {
width: 34px;
}
@media (min-width: 1281px) {
.layout-wrapper.layout-horizontal .layout-topbar .layout-topbar-logo {
display: inline-block;
}
}
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 14 guests