Docs

[DodgersWin]

I’m trying to add vertical space between the menu/logo and the container. I’ve been trying various CSS but can’t seem to get it to work. The logo overlaps the container in its current state.

Here is the CSS related to the menu and container I’m using now:

.x-navbar {
    position:absolute;
    width:100%;
    background-color:transparent;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
    border-bottom:none;
}
.x-header-landmark{
margin-top: 95px;
}
.masthead-inline .x-navbar .desktop .sub-menu {
    top: 61px;
    left: 0;
    right: auto;
}
  
.x-navbar .desktop .x-nav li>a>span:after {
    display: none;
}

}
.blog .x-container.max {
   max-width: 900px;
}

img-daborder {
   padding:3px;
   border:1px solid #021a40;
}

body.x-navbar-fixed-top-active.single-post .x-navbar {
    background-color: #f0f0f0;
}
body.x-navbar-fixed-top-active.single-post .x-navbar,
body.x-navbar-fixed-top-active.single-post .x-navbar-wrap {
    height: auto;
}
body.single-post .x-navbar-inner {
    min-height: 60px;
}

.single-post .x-navbar {
    position: relative;
}

.x-container.max.width.offset {
    margin-top: 100;
}
.entry-wrap {
    padding:0px;
    
}

[DodgersWin]

This reply has been marked as private.

[Joao]

Hi There,

You have one error on your CSS , please change it for this :

.x-navbar {
    position:absolute;
    width:100%;
    background-color:transparent;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
    border-bottom:none;
}

.x-header-landmark{
margin-top: 95px;
}

.masthead-inline .x-navbar .desktop .sub-menu {
    top: 61px;
    left: 0;
    right: auto;
}
  
.x-navbar .desktop .x-nav li>a>span:after {
    display: none;
}

.blog .x-container.max {
   max-width: 900px;
}

img-daborder {
   padding:3px;
   border:1px solid #021a40;
}

body.x-navbar-fixed-top-active.single-post .x-navbar {
    background-color: #f0f0f0;
}
body.x-navbar-fixed-top-active.single-post .x-navbar,
body.x-navbar-fixed-top-active.single-post .x-navbar-wrap {
    height: auto;
}
body.single-post .x-navbar-inner {
    min-height: 60px;
}

.single-post .x-navbar {
    position: relative;
}

.entry-wrap {
    padding:0px;
    
}

.x-container.max.width.offset {
    margin-top: 5% !important;
}

Hope that helps

Joao

[DodgersWin]

Worked perfect, thank you.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts