Sub Menus on Home Page

  • Resolved Rod Roark

    (@sunsetsystems)


    9 years, 3 months ago

    The Home page with the default Twenty Seventeen theme opens with the main menu at the bottom of the window. Sub-menus do not work well here because when you hover over, it drops down offscreen so you can’t see it without scrolling. Seems to me it should open upwards in this case. I wish to recommend fixing this.

    Also if anyone knows of an easy workaround I would be most grateful.

    • This topic was modified 9 years, 3 months ago by Rod Roark. Reason: Typo
Viewing 5 replies - 16 through 20 (of 20 total)
1 2
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 3 months ago

    Oh I see. Try this instead:

    
/* Make sure the navigation layer is on top of the image */
.navigation-top {
    z-index: 4;
}

/* Remove the unnecessary margin created for the navigation menu on the header */
.navigation-top:not(.site-navigation-fixed) ~ .custom-header {
	margin-bottom: 0 !important;
}

@media screen and (min-width: 48em) {
    /* Make sure the navigation menu sits at the top of the page */
    .navigation-top {
        bottom: auto;
        position: relative;
        top: 0;
    }
}

/* Move the video play button further down */
.wp-custom-header .wp-custom-header-video-button {
    top: 6em;
}
    Thread Starter Rod Roark

    (@sunsetsystems)

    9 years, 3 months ago

    Looks good, thanks! I will flag this as resolved, but might get back to you if we see any glitches. I really appreciate the help, it’s just awesome.

    Tinjure20

    (@pauthake015)

    9 years, 3 months ago

    Dear @sunsetsystems & @anevins

    I was thinking to modify the theme like Rod is trying to do on his site href=”http://tst.23sandstone.com/” target=”_blank”>23 Sandstone. It will be useful if the entire code could be posted (even thru link) so that I and others can benefit from this discussion. Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 3 months ago

    @pauthake015, The entire code has been posted that answered the question and I have updated it in my original post for clarity: https://wordpress.org/support/topic/sub-menus-on-home-page/#post-8591682

    If you and anyone else is still having issues then I advise you create your own threads: https://wordpress.org/support/theme/twentyseventeen/#new-post

    Tinjure20

    (@pauthake015)

    9 years, 3 months ago

    @anevins, I see. Thank you very much. I will try the codes & if I have issues I will create a new post thread.

Viewing 5 replies - 16 through 20 (of 20 total)
1 2

The topic ‘Sub Menus on Home Page’ is closed to new replies.