Daily-dish and keyboard navigation

  • Resolved Photostreunerin

    (@photostreunerin)


    9 years, 5 months ago

    Hi,
    I am using the daily-dish theme from Genesis.
    The keyboard navigation doesnt work like it should.
    If you tab through it, it opens the submenu (if there is one) but if you tab again the submenu disappears. 2nd submenu level isnt visible with tabs – you only “scroll” though it without visual feedback.
    Is there anything I can do, to have the right behaviour?
    Would be great.

    https://www.ads-software.com/plugins/genesis-accessible/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Rian Rietveld

    (@rianrietveld)

    If you add this code to your stylesheet (style.css) think it should work:

    .menu-primary.menu .menu-item > a:focus + ul.sub-menu,
.menu-primary.menu .menu-item.wpacc-hover > ul.sub-menu {
	left: 50%;
}

@media only screen and (max-width: 768px) {

	.menu-primary.menu .menu-item > a:focus + ul.sub-menu,
	.menu-primary.menu .menu-item.wpacc-hover > ul.sub-menu {
	left: 0%;
	}

}
    Thread Starter Photostreunerin

    (@photostreunerin)

    Hi, thanks for answering me!
    I tried something like that before, but that didnt work. Now I tried your code. The result is something I experienced as well. You can use the menu perfectly with the mouse. But if you navigate with the keys the submenu appears not relative to the selected main menu item. Its static for all submenu-items somewhere in the navigation bar. And subsubmenu-items are far away from the submenu (with a gap). I tested that with the pure daily dish theme (no css from my side in the way)

    Plugin Author Rian Rietveld

    (@rianrietveld)

    @photostreunerin
    What browser/OS are you using?

    Thread Starter Photostreunerin

    (@photostreunerin)

    windows 8
    Firefox 39.0
    Google Chrome 43.0.2357.134 m
    IE 11.0.96.. something

    Plugin Author Rian Rietveld

    (@rianrietveld)

    Photostreunerin,
    Do you still have issues with this?

    Thread Starter Photostreunerin

    (@photostreunerin)

    yes

    Plugin Author Rian Rietveld

    (@rianrietveld)

    On the Genesis Slack Channel @robincornett came with the following solution:

    .genesis-nav-menu .menu-item:hover,
.genesis-nav-menu .menu-item:focus,
.genesis-nav-menu .menu-item.sfHover {
    position: relative;
}

.genesis-nav-menu .menu-item:hover > .sub-menu,
.genesis-nav-menu .menu-item:focus > .sub-menu,
.genesis-nav-menu .menu-item.sfHover > .sub-menu {
    left: 50%;
    margin-left: -100px;
    opacity: 1;
}

.genesis-nav-menu .menu-item:hover > .sub-menu > .menu-item:hover > .sub-menu,
.genesis-nav-menu .menu-item:focus > .sub-menu > .menu-item:hover > .sub-menu,
.genesis-nav-menu .menu-item.sfHover > .sub-menu > .menu-item:hover > .sub-menu {
    left: 199px;
    margin-left: 0px;
    opacity: 1;
}

    I hope this is helpful.
    If you need more help, you can join the Genesis Slack channel:
    https://genesis.community/slack

    Thread Starter Photostreunerin

    (@photostreunerin)

    Sorry that I didnt reply earlier, but last week was very busy. Thanks a lot for your answer,I will try it out this week!

    Plugin Author Rian Rietveld

    (@rianrietveld)

    I’m closing the issue

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Daily-dish and keyboard navigation’ is closed to new replies.