Docs

[DodgersWin]

As you can see in the attached picture when I hover over the “about” menu item it starts the drop down menu on the top of the page instead of directly below the menu. I suspect it is because my CSS is wrong.

The CSS:

.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;
}
.blog .x-container.max {
   max-width: 900px;
}

body.single-post {
    background-image: url("http://scrollupweb.com/wp-content/uploads/2016/11/blog-background.jpg");
    background-color: #a06a6a;
  background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
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;
}

[DodgersWin]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.masthead-inline .x-navbar .desktop .sub-menu {
    top: 61px;
    left: 0;
    right: auto;
}

Hope that helps

[DodgersWin]

Did not work as far as I can tell. Thank you for your help with this.

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

  
.masthead-inline .x-navbar .desktop .sub-menu {
    top: 61px;
    left: 0;
    right: auto;
}

[Rahul]

Hey There,

Thanks for writing back!

Is the issue resolved? Kindly let us know if we can help with anything else.

Thanks!

[DodgersWin]

The issue is not resolved. The CSS seemed to have no affect.

[Jade]

Hi there,

There was a missing closing } in of the CSS blocked before the code you have added that’s why the code didn’t work.

I have gone ahead and fixed it.

[DodgersWin]

Ahhh. Big thank you.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts