search

ComputerWolf / SlickNav

Responsive Mobile Menu Plugin for jQuery
MIT License
939 stars 314 forks source link

Accessability issue #120

Open Rockethost opened 8 years ago

Rockethost commented 8 years ago

Hi there

In mobile view the menu inserts its div right at the top of the page (div class="slicknav_menu") I have a "skip to main content" link I use for accessibility. I need it to go right at the top above the menu, any idea how I do that? Probably requires some Javascript which I have little experience in. Appreciate any help!

Thanks Lee

cawdev commented 8 years ago

Do you have the ability to reorganize the order of appearance of elements in the DOM? If not, you could use jQuery.

Example:

HTML

<div class="slicknav-menu">
   <!-- markup -->
</div>
<a class="skip-link" href="#">Skip to Main Content</a>

jQuery

$('.skip-link').insertBefore('.slicknav-menu');