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. Unknown3 April 2019 at 04:34

    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. christiandegeus8 May 2019 at 04:06

    I have the same question actually.

    ReplyDelete
    Replies
    1. Guest Contributor8 May 2019 at 05:36

      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

Subscribe to: Post Comments (Atom)

cssDorks is brought to you by Thexyz Inc..