Creating a sub page

  • thescratchingquill

    (@thescratchingquill)


    10 years, 7 months ago

    I’m trying to create a sub page and having trouble with it. Incase I’m using the wrong terminology, let me clarify exactly what I am trying to do. I want to have a button in my navigation bar that, when somebody hovers their mouse over it (or clicks on it, which ever way it normally works), it will drop down and display a list of subsections that they can click on. Something like this:
    Nav bar: Big subject
    sub subject
    Right now I have set both by “big subject” and “sub subject” to be pages. I set my “big subject” to be the parent of my “sub subject” by using the quick edit tool, and I made sure that I place my “sub subject” as a subcategory (I use category in the normal sense, not the wordpress sense) under appearance > menus. After all that, all I got was my “big subject” in the navigation bar, but the “sub subject” wasn’t in the nav bar at all.

    You can take a look at it here: http://www.thescratchingquill.com
    My “big subject” is “Other”. If you click on it, it will bring you to a blank page. I don’t want this. I would like “Other” not to exist at all except as a button to contain all my other sub categories where I will put my actual content. I have one page assigned to be a child of “other”, but it does not appear in the nav bar at all.

    Your help is very much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Christine Rondeau

    (@crondeau)

    10 years, 7 months ago

    In order to remove the link on Other, just make it a custom link in your menu and set it to #.
    That will make it appear, but not link to anything.

    You’ll then need to fix your navigation css, though, because right now, your sub-menu is hidden, because you’ve set this:

    navi-menu {
    background: #00557F;
    min-height: 40px;
    height: auto;
    overflow: hidden;

    The overflow: hidden is preventing any sub-menus to show.

    Thread Starter thescratchingquill

    (@thescratchingquill)

    10 years, 7 months ago

    Thanks for your help Christine!

    I created the custom link for “other” like you said, and it worked perfectly.

    On the overflow issue, I’m still a little confused. I looked for what you posted under appearance>editor>style.css and I couldn’t find anything that looked exactly like what you showed me. I did however find too uses of “overflow: hidden;” They were:

    .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;

    and

    .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;

    Am I looking in the right place?

    It is good to know that “overflow: hidden;” is what is causing the problem, but how do I fix the problem? Do I just remove “overflow: hidden;”? If so, do I remove it in both the places I found it? Are the places I found it even the right places?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Creating a sub page’ is closed to new replies.