Move secondary Menu in DIVI below the Primary Menu

The default location for the secondary menu in the DIVI theme is at the top of the screen.

To make it to be below the Primary menu - between the header and body of the page, add the following in the custom CSS menu.

@media only screen and (min-width: 981px) {
#main-header {
top: 0 !important;
}
#top-header {
top: 134px !important;
} }

3 comments:

  1. Great! Now How do I put it just on a single a single page? I want to use it for sown page navigation, but not have it display anywhere else. Thanks.

    ReplyDelete
  2. I have the same question actually.

    ReplyDelete
    Replies
    1. Hello, to make this on one page you could try something like this:

      (be sure to change the page ID number: 333 with the page ID number for your page)

      .page-id-333 @media only screen and (min-width: 981px) {
      #main-header {
      top: 0 !important;
      }
      #top-header {
      top: 134px !important;
      } }

      Delete