[Support request] unique sub-menu for one page

Home Forums Support [Support request] unique sub-menu for one page

Home Forums Support unique sub-menu for one page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #804133
    Janette

    HI, I would like to create a sub-menu that appears on only one page. Rather than have a fly-out from the drop down, I would like to use the sub-menu option on just the page where it is needed.
    How do I do that?
    Thanks!
    -Janette

    #804174
    David
    Staff
    Customer Support

    Hi there,

    if the menu and submenu is not restricted. ie. any user can see it, then add it to your current Menu, give that menu item a CSS Class ( this field is available if you click Screen Options and check that box ) of dynamic-menu

    Then you can use some CSS to hide it on all pages except for the one you want:

    body:not(.page-id-XXXX) .dynamic-menu {
        display: none;
    }

    Just edit the .page-id-XXXX for the page it needs to be displayed on.

    #804209
    Janette

    Ahhh, yes! Thank you!
    Also, I was prompted to get rid of a white space under my nav-bar by putting the top 3 items within a header that I created in the Elements app. However, the white space is just moving down the page. Here you can see it is now under the content and above the footer widgets:
    http://www.montaukcommunitychurch.org/welcome/

    #804280
    David
    Staff
    Customer Support

    Thats the Content area of the page, are you not intending to add any content to the page itself?

    #804373
    Janette

    The 3 roundeds that you see is in the “contents.” I colored the background so you could see the space. I cannot figure out how to get rid of the space.
    Thanks!
    -Janette

    http://www.montaukcommunitychurch.org/welcome/

    #804487
    Leo
    Staff
    Customer Support

    So you don’t want any contents on that the home page?

    If so try this CSS:

    .home .site-content {
        display: none;
    }

    Let me know 🙂

    #804889
    Janette

    I definitely don’t want Google to spider that code… Oh well. I have content in the content area. It is the 3 blue rounded rectangles of information. I see this space as a margin coming from somewhere but cannot find the origin. It moves down the page as I add the page portions to the header created in Elements. Is Elements adding a bottom margin for the header? Can I remove the header bottom margin?

    #805223
    Tom
    Lead Developer
    Lead Developer

    Just to confirm, you’re wanting to remove the space on the top/bottom of these boxes?: https://www.screencast.com/t/MiQ2UzzZqq

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.