body{ margin: 0px; padding: 0px; background: #e74c3c; font-family: 'Lato', sans-serif; } h1{ margin: 2em 0px; padding: 0px; color: #fff; text-align: center; font-weight: 100; font-size: 50px; } nav{ width: 750px; margin: 1em auto; } ul{ margin: 0px; padding: 0px; list-style: none; } ul.dropdown{ position: relative; width: 100%; } ul.dropdown li{ font-weight: bold; float: left; width: 180px; position: relative; background: #ecf0f1; } ul.dropdown a:hover{ color: #000; } ul.dropdown li a { display: block; padding: 20px 8px; color: #34495e; position: relative; z-index: 2000; text-align: center; text-decoration: none; font-weight: 300; } ul.dropdown li a:hover, ul.dropdown li a.hover{ background: #3498db; position: relative; color: #fff; } ul.dropdown ul{ display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 1000; } ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; } ul.dropdown ul li a{ display: block; color: #34495e !important; background: #eee !important; } ul.dropdown ul li a:hover{ display: block; background: #3498db !important; color: #fff !important; } .drop > a{ position: relative; } .drop > a:after{ content:""; position: absolute; right: 10px; top: 40%; border-left: 5px solid transparent; border-top: 5px solid #333; border-right: 5px solid transparent; z-index: 999; } .drop > a:hover:after{ content:""; border-left: 5px solid transparent; border-top: 5px solid #fff; border-right: 5px solid transparent; } /* * * Credits to * */ var maxHeight = 400; $(function(){ $(".dropdown > li").hover(function() { var $container = $(this), $list = $container.find("ul"), $anchor = $container.find("a"), height = $list.height() * 1.1, // make sure there is enough room at the bottom multiplier = height / maxHeight; // needs to move faster if list is taller // need to save height here so it can revert on mouseout $"origHeight", $container.height()); // so it can retain it's rollover color all the while the dropdown is open $anchor.addClass("hover"); // make sure dropdown appears directly below parent list item $list .show() .css({ paddingTop: $"origHeight") }); // don't do any animation if list shorter than max if (multiplier > 1) { $container .css({ height: maxHeight, overflow: "hidden" }) .mousemove(function(e) { var offset = $container.offset(); var relativeY = ((e.pageY - * multiplier) - ($"origHeight") * multiplier); if (relativeY > $"origHeight")) { $list.css("top", -relativeY + $"origHeight")); }; }); } }, function() { var $el = $(this); // put things back to normal $el .height($(this).data("origHeight")) .find("ul") .css({ top: 0 }) .hide() .end() .find("a") .removeClass("hover"); }); });

Welcome to Deaf Connexions

Supporting the Deaf Community across Norfolk


About Us

Deaf Connexions is a register charity, reg no 1077229. Working across Norfolk we provide a range of services to support Deaf people and their families through the provision of information, and communication support.


Recent Newsletters

Deaf Community Newsletter
This months newsletter

Deaf Community Newsletter
Last months newsletter



Deaf Centre

The Deaf Centre is open Monday to Friday from 10am to 3pm.

There is always something happening at the centre. The Talking Hands Cafe is open Tues, Weds and Thurs, and offers a comfy lounge where you can use the Internet have a cup of coffee and catch up on the latest information.

Find out more on our Facebook page.



Get in Touch

  • Phone:
    01603 660889
  • Minicom:
    01603 661113
  • Text:
    07932 069352
  • Skype:
  • Email:
  • Address:
    Unit 14 Capitol House
    4 Heigham Street
    Norwich, NR2 4TE