Header ModernBB

Salut,

asi dori un header similar la FG cu spatiu pentru logo, si meniu, dar pe versiunea ModernBB, pentru ca nu imi place cum arata headerul, si nu imi place nici ca meniul sa se miste in contiunu, dar sa ramana fi supt logo...

Va Multumesc!

Buna ziua,

Adaugati urmatorul cod in foaia de stil css:
Panou => Afisare => Imagini si culori => Culori => Foaia de stil css

Cod:

:root {
  --headerbar: #3793ff;
  --navbar: #2C353B;
}

#modernbb #page-header .headerbar {
  background: var(--headerbar);
  height: auto;
  overflow: visible;
  z-index: 99999;
  padding-top: 50px;
  padding-bottom: 70px;
  margin-bottom: 60px;
  position:relative;
}

#modernbb #page-header #logo {
    display: block;
    float: initial;
}

#modernbb #page-header .navbar {
position: absolute;
bottom: 0px;
background: var(--navbar);
left: 0px;
width: 100%;
text-align: center;
padding: 5px 10px;
}

#modernbb #page-header .navbar li {
margin-top: 0px;
}

#modernbb #page-header .navbar li a {
border-radius: 0px 0px 0px 0px;
text-transform: uppercase;
font-weight: bold;
padding: 10px;
}

#modernbb .is-sticky#headerbar-top {display: none;}

@media screen and (max-width: 900px) {
    #modernbb #page-header .navbar li a {
        font-size: 0px !important;
    }
}

Fundalurile pot fi schimbate cu ajutorul acestor linii:
 --headerbar: [Trebuie sa fiti inscris si conectat pentru a vedea acest link];
 --navbar: [Trebuie sa fiti inscris si conectat pentru a vedea acest link];

In template-ul overall_header:
Panou => Afisare => Template-uri => General => overall_header

Stergeti:

Cod:

<div class="wrap">
 <div id="site-desc">
 <!-- BEGIN switch_h1 -->
 <div id="site-title">{switch_h1.MAIN_SITENAME}</div>
 <!-- END switch_h1 -->
 <!-- BEGIN switch_desc -->
 <p>{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
 </div>
 </div>

Cautati:

Cod:

<div id="headerbar-top">
 <div class="wrap">
 <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

 <ul class="navbar navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>
 </div>

Inlocuiti cu:

Cod:

<div id="headerbar-top">
 <div class="wrap">
 <a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
 </div>
 <ul class="navbar navlinks{NAVBAR_BORDERLESS}">
 <li>{GENERATED_NAV_BAR}</li>
 </ul>
 </div>

este un bug [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Cautati in css:

Cod:

#modernbb #page-header .headerbar {
  background: var(--headerbar);
  height: auto;
  overflow: visible;
  z-index: 99999;
  padding-top: 50px;
  padding-bottom: 70px;
  margin-bottom: 60px;
  position:relative;
}

Inlocuiti cu:

Cod:

#modernbb #page-header .headerbar {
    background: var(--headerbar);
    height: auto;
    margin-bottom: 60px;
    overflow: visible;
    padding-bottom: 130px;
    position: relative;
    z-index: 999;
    display: block;
}