Css problem in media for ipod and mobile

I have a problem applying code for a menu on a webpage.
I have posted the site example on www.tdrd.karoo.net
and the complete zip at www.tdrd.karoo.net/index.zip
I have applied the effect fine for the Full screen model media section of responsive.css but when I try to tailor the menu for the smaller resolutions it is only adjusting it for the full screen version.
I have applied the middle resolution in the example uploaded but for some reason it is not applying it to the model.
Please can anyone shed light as why this could be - the clue has to be somewhere in the nav section of the css....
Thank you
Terry

Cut/paste in new Dreaweaver document, view in browser.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Naeci Payroll</title>
<script src="http://www.tdrd.karoo.net/js/jquery1-7-2.min.js"></script>
<script src="http://www.tdrd.karoo.net/js/respond.min.js"></script>
<script>
$(function() {
var pull         = $('#pull');
menu         = $('nav ul');
menuHeight    = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
</script>
<script>
window.onload=
window.onresize=function(){
var width = document.getElementById('header').offsetWidth;
document.getElementById('header').style.height = width*22/100 + 'px'
</script>
<style>
    @charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    10;
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 98.1818%;
    padding-left: 0.909%;
    padding-right: 0.909%;
#header {
position:relative;
background: url(http://www.tdrd.karoo.net/img/refinery.jpg);
background-size: 100% 100%;
nav {
display: block;
width: 100%;
background: #455868;
font-size: 11pt;
font-family: 'PT Sans', Arial, sans-serif;
font-weight: bold;
nav ul {
padding: 0;
margin: 0;
width: 100%;
nav li {
padding: 0;
margin: 0;
list-style: none;
nav a {
color: #fff;
display: block;
padding: 0 0 0 15px;
border-bottom: 1px dotted #fff;
width: 100%;
text-decoration: none;
line-height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
nav li:last-child a {
    border-bottom: none;
nav a:hover {
    color: #FFF;
    background-color: #8c99a4;
nav ul {
display: none;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
/* nav styles */
nav {
clear: both;
overflow: hidden;
nav li {
display: inline;
float: left;
width: 20%;
nav a {
color: #fff;
display: block;
border-bottom: 0;
text-align: center;
border-right: 1px solid #576979;
nav li:last-child a {
border-right: none;
nav ul {
display: block;
nav a#pull {
    display: none;
</style>
</head>
<body>
<div class="gridContainer clearfix">
<div id="header">
<div class="content"> </div>
</div>
<!-- end header -->
<nav>
<a href="#" id="pull">Menu</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contract History</a></li>
<li><a href="#">Curriculum Vitae</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
</div>
<!-- end gridContainer -->
</body>
</html>

Similar Messages

  • TS1717 Having trouble running iTunes version 11.0.2 on a Dell Laptop running Windows 7 Professional Service Pack 1.  Keep getting an error message "the software required for communicating with iPods and mobile phones was not installed correctly..." reinst

    Having trouble when I launch iTunes (version 11.0.2) on my Dell Laptop running Windows 7 Professional (service pack 1).  I get an error message indicating software required to communicate with iPod and mobile phones was not installed correctly.  Do you want iTunes to try to repair this for you?  I normally respond with OK and it immediately tells me "could not be repaired.  Please reinstall iTunes..."  I have done this a number of times to no avail.

    I also notice Quicktime is not getting installed at all.
    That one is normal nowadays (ever since the iTunes versions 10.5.x).
    The software required for communicating with iPods and mobile phones was not installed correctly. Do you want iTunes to try to repair this for you?
    Let's try a standalone Apple Mobile Device Support install. It still might not install, but fingers crossed any error messages will give us a better idea of the underlying cause of why it's not installing under normal conditions.
    Download and save a copy of the iTunesSetup.exe (or iTunes64setup.exe) installer file to your hard drive:
    http://www.apple.com/itunes/download/
    Download and install the free trial version of WinRAR:
    http://www.rarlab.com/
    Right-click the iTunesSetup.exe (or iTunes64setup.exe), and select "Extract to iTunesSetup" (or "Extract to iTunes64Setup"). WinRAR will expand the contents of the file into a folder called "iTunesSetup" (or "iTunes64Setup").
    Go into the folder and doubleclick the AppleMobileDeviceSupport.msi (or AppleMobileDeviceSupport64.msi) to do a standalone AMDS install.
    (If it offers you the choice to remove or repair, choose "Remove", and if the uninstall goes through successfully, see if you can reinstall by doubleclicking the AppleMobileDeviceSupport.msi again.)
    Does it install (or uninstall and then reinstall) properly for you?
    If instead you get an error message during the install (or uninstall), let us know what it says. (Precise text, please.)

  • Would love Steve Jobs to contact me for in setting screen tinting orange for seizures as OK WE HAVE DONE IT AN ORANGE PROTECTIVE SCREEN OVERLAY FOR IPOD AND IPAD STOPPING JOHN'S photosensitivity SEIZURES AND STOPPING EYE PROBLEMS WITH USAGE

    OK WE HAVE DONE IT AN ORANGE PROTECTIVE SCREEN OVERLAY FOR IPOD AND IPAD STOPPING JOHN'S SEIZURES AND STOPPING EYE PROBLEMS WITH USAGE ABLE TO CUT ANY SIZE FOR PHONES EG
    Contact me Steve the idea is great and the pictures are reveal a better depth perception of colour call me a Mum that created a diffence for her son and kept him communicating on his ipod and his ipad proffessors were amazed at childrens hospital and would love to show you my ideas in making it built in to your ipod and ipads or any computer for that matter everyone i show is blown away not only that but a wider customer level will be reached from a Mum that made a difference for her son that was unable to communicate and then had seizures so developed my own cover that allows him to chat all day without having any eye problems.
    So we now sell the covers on ebay to help others access technology that they need in order to survive and live happily as without his ipod or ipad and him telling us what was wrong he would of died he had respritory lung disease photosensitive epilepsy a metabolic condition that could of killed him anytime from stroke or seizure battled with using all types of technology but now is a dream come true.
    Would love for this to be enabled in the setup of all computers alike to protect eyes and allow more users to speak and communicate a big thankyou to the creators and designers fabulous but please can you call me as this could make you even better i mean will and also give me more time.
    From one praying God fearing Mum
    Nadine
    Call me i do have better pics they were too big to upload orange covering on right hand side

    Going through the feedback and support pages will be a waste of your time. Apple won't respond to feedback, and support can't do anything regarding product suggestions, particularly not from a company with an existing product they wish to sell. The only attention you might get from Apple would be possible interest in selling your product through the Apple Stores, and I don't know how Apple chooses the third-party products they sell. All I could suggest would be writing to Apple's corporate headquarters:
    Apple
    1 Infinite Loop
    Cupertino, CA 95014
    with perhaps "Attention: Retail Sales Division" and telling them about your product and your interest in it being sold through the Apple Stores.
    Regards.

  • Error message: "the software required for communicating with Ipods and mobile phones was not installed correctly....

    2 error messages when opening itunes: "The software required for communicating with Ipods and mobile phones was not installed correctly.  Do you want Itunes to repair this for you?"  When clicking yes another message indicates not able to remove services.  Another message is: "Service (ipod service) could not be installed.  Verify that you have sufficient privileges to install system sources."  I've uninstalled all Apple services (itunes, quicktime, apple software update, apple mobiles devices support, bonjour and apple application support and reinstalled itunes/quicktime - no change in error messages.  I cannot burn CDs using Itunes.  This all seemed to happen when I updated itunes to version 10.  I have a Windows 7 64-bit operating system on a Dell Inspiron Zino HD; the Itunes software is also 64 bit.

    See the second box of  Troubleshooting issues with iTunes for Windows updates.
    tt2

  • When I click on itunes, it tells me that thesoftware required for communicating with ipods and mobil phones was not installed properly. I have not changed anything on my computer so I'm not sure what I should do? Help

    Help, When I click on itunes on my computer it tells me that the software required for communicating with ipods and mobil phone was not installed properly. I havent' changed anything. Does anyone know what I should do? Thanks

    See the second box of Troubleshooting issues with iTunes for Windows updates.
    tt2

  • The software required for communicating with ipod and mobile phones was not installed correctly

    ok i've seen this in several threads and haven't found one with an anwser. the software required for communicating with ipod and mobile phones was not installed correctly. of course when you tell it to repair it does not. this has happened several times now and only cure i have found is uninstalling itunes and reinstalling. works for maybe a few weeks then does the same thing and i start all over again with uninstall and reinstall. i tunes version 10.4.1.10  64 bit running on windows 7 64 bit and trying to sync with Iphone 3gs - so anyone have a fix for this or am i stuck reinstalling itunes every few weeks???

    "The feature you are trying to use is on a network resource that is unavailable.  Click OK to try again, or enter an alternative path to a folder containing the installation package "iTunes64msi"
    (1) Download the Windows Installer CleanUp utility installer file (msicuu2.exe) from the following Major Geeks page (use one of the links under the "DOWNLOAD LOCATIONS" thingy on the Major Geeks page):
    http://majorgeeks.com/download.php?det=4459
    (2) Doubleclick the msicuu2.exe file and follow the prompts to install the Windows Installer CleanUp utility. (If you're on a Windows Vista or Windows 7 system and you get a Code 800A0046 error message when doubleclicking the msicuu2.exe file, try instead right-clicking on the msicuu2.exe file and selecting "Run as administrator".)
    (3) In your Start menu click All Programs and then click Windows Install Clean Up. The Windows Installer CleanUp utility window appears, listing software that is currently installed on your computer.
    (4) In the list of programs that appears in CleanUp, select any iTunes entries and click "Remove", as per the following screenshot:
    (5) Quit out of CleanUp, restart the PC and try another iTunes install. Does it go through properly this time?

  • How to show iMovies in iPhoto (for iTunes to access for AppleTv and mobile)

    I have read a few posts on this but cannot find a definitive answer...
    If you import movies into iPhoto, iMovies can access them. But if you import into iMovies, it seems iPhoto cannot access them, which means iTunes cannot access them to stream to AppleTV or sync with my iPhone and iPad, as iTunes does not see iMovies.
    Because I have a DV Camcorder I have to import my home movies to iMovie which gives me this above problem in that I cannot see them in iPhoto/iTunes/AppleTv.
    So am I right in thinking the best way to have all applications see my movies is to export them from iMovie into iPhoto as follows:-
    1) Rip to iMovies from the Camcorder
    2) Find the files in Finder
    3) Import into iPhoto
    4) Delete the originals from iMovie
    Then I should be able to see the newly imported files in iPhoto in iMovie AND iTunes??
    I cant find or think of an alternate solution.
    Thanks

    I've decided to give the following a go...
    Basically I originally wanted to use iPhoto for movies and photos so I have them all in one place and because I think Albums, Smartfolders etc. are great. Movies go hand in had with photos of the same event. But I also wanted them in iTunes to sync. with iPad, iPhone and play via Apple TV.
    The file sizes from camcorder videos got me thinking I don't really want the massive files in iPhoto/iTunes/AppleTV etc. So have now decided to use iMovie as the library for the original large files, from which I can edit and make some compilations etc. then export those new movies of lower filesize (mp4?) into iPhoto for use with iTunes, Apple TV, iPhone and iPad.
    I decided that when I finish importing I may look at putting the iMovie library with original DVs onto an external drive (due to filesize, if this is possible). So when I want to use iMovie to import and edit and make movies I will plug in the external hard drive where they all are, do my stuff, then can unplug and put away. That way I do not need to delete the originals due to filesize (I did not want to have to re-import from the camcorder again in future so do want them stored somewhere).
    It also means I dont have every single video I shot in iPhoto, iTunes etc., not all of them are good.
    Then my main computer with the iPhoto library has all my created and edited and new format movies to store for use with iTunes, Apple TV etc.
    So I think this sounds like a good plan for me.
    iMovie -> Original movie library manager (external drive due to filesize)
    iPhoto -> Photos and edited movies library manager (Mac drive for AirPlay and mobile sync)

  • ITunes keep saying "Waiting for iPod" and cannot restore

    When i try to restore my iPod, it keeps in waiting for ipod and in the ipod an apple and an empty bar..
    Oh and i got the ipod so many months ago and I found it but when I connected it to itunes it said in serial number: n/d, ios: n/d , etc !
    help please, is an ipod touch 4g 32gb !

    Try:
    - iOS: Not responding or does not turn on
    - Also try DFU mode after try recovery mode
    How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
    - If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
    - If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
    Apple Retail Store - Genius Bar       

  • TS1702 my ipod & itunes are fully up-to-date with 4.2.1 for ipod and the itunes 11.0.1 and every app (ex facebook & ice cream jump says i need 4.3 version but when i click all updates say its all up to date. I have tryed restoring it 4 times to factory as

    my ipod & itunes are fully up-to-date with 4.2.1 for ipod and the itunes 11.0.1 and every app (ex facebook & ice cream jump says i need 4.3 version but when i click all updates say its all up to date. I have tryed restoring it 4 times to factory as well. Please help I have set-up over 10 ipods and differents generations and have never had this issue like this, I even have all ratings ristriction unchecked and payment info in itunes so i need help please

    but i could download on others ipods in same gen, facebook and ice cream tower, everything i look up and try install always says that for apps so your saying that i can not ever download any apps to this ipod ever againÉ

  • I know why coming ios 7 for ipod 4g. this is not my problem its your problem , please make for ipod 4g

    i know why coming ios 7 for ipod 4g.
    this is not my problem its your problem
    , please make for ipod 4g

    mohammad mhp wrote:
    iknow about this
    i like apple make ios 7 for 128 or 256 RAM
    plz i want it
    Apple would have to strip so many features out of iOS 7 to make it work on your iPod that about all you'd have would be iOS 6 with different icons. So as the others have said, this is not going to happen. If you want iOS 7, you'll need a newer iPod.
    Regards.

  • My iPod appeared to be dead, i plugged it into my computer to charge and it said it needed to be restored. it updated it and now is stuck and my itunes says "waiting for iPod" and has been this way for hours. please help!

    my iPod appeared to be dead, i plugged it into my computer to charge and it said it needed to be restored. it updated it and now is stuck and my itunes says "waiting for iPod" and has been this way for hours. i've tried to hold down the home and power button and nothing happens!! my computere and itunes recognizes the iPod, but the iPod its self is completely unresponsive!! and helpoful hints?

    See Here...
    AMDS
    http://support.apple.com/kb/TS1567

  • I have a Honday FIT 2013 with the USB for iPod and the Auxillary jack. I plan to purchase an iPhone 5c. Can I listen to music from my iPhone through my car speakers?

    I have a Honday FIT 2013 with the USB for iPod and the Auxillary jack. I plan to purchase an iPhone 5c. Can I listen to music from my iPhone through my car speakers?

    Click the "Upgrade Eligibility" link on the right side (under "Learn more about buying iPhone) here:
    http://store.apple.com/us/buy-iphone/iphone5s
    If you're not eligible for upgrade, it will tell you how much more than US$199 you will be charged.

  • ICal reminders for iPod and notebook battery have broken links

    iCal reminders for iPod and notebook battery have broken links and are not functioning. I went to http://www.apple.com/batteries/ipods.html and midway down on the right side is a link to install a ical reminder. That link does not work with my laptop.
    It sends me this link "webcal://www.apple.com/images/ipod_icalreminder.ics" but I immediately get an email message stating:
    Error subscribing to the calendar
    No calendar was found on http://www.apple.com/images/ipod_icalreminder.ics. Please check the URL.
    Likewise, the same thing happens for my notebook. Is there another URL or does anyone have connections at apple to reinstate this dead link.

    Hope this helpful. 
    THX

  • HT201210 Keep getting error 9006 when updating iOS system for iPOD and iPHONE and not sure what to do, any solutions

    Keep getting error 9006 when updating iOS system for iPOD and iPHONE and not sure what to do, any solutions?

    Errors related to third-party security software
    Error 2, 4 (or -4), 6, 1000, and 9006
    Follow the steps to troubleshoot security software. Often, uninstalling third-party security software will resolve these errors.
    There may be third-party software that modifies your default packet size in Windows by inserting a TcpWindowSize entry into your registry. An incorrectly set default packet size can cause these errors. Contact the manufacturer of the software that installed the packet size modification for assistance or follow this article by Microsoft: How to reset Internet Protocol (TCP/IP).
    Verify that access to ports 80 and 443 are allowed on your network.
    Verify that communication to albert.apple.com or phobos.apple.com isn't blocked by a firewall or other Internet security setting.
    Discard the .ipsw file, open iTunes and attempt to download the update again. See the steps under "Advanced steps > Rename, move, or delete the iOS software file (.ipsw)" below for file locations.
    Restore your device while connected to a different network.
    Restore using a different computer.
    Errors related to downgrading iOS

  • How to make a website for desktop and mobile

    I just have a question about, for example, washingtonpost.com.  I know in CSS you used to be able to put that "/media" and "/screen" command in head and when the page loads, it detects the device and sends you to either mobile or desktop.
    I went to WaPo and I can't seem to find that any more.  So using WaPo, is this still how it's done?  I just need to test a basic web page in DW4 and then test how it looks on desktop and then my Galaxy Note II so I know I'm moving along correctly before expanding out.
    Any advice, help, and tips are appreciated.
    Thank you.

    media="screen" or media="print" is part of a css link in the head of a page and allowed one set of rules for print and another set for screens.
    It was the precursor to "Media Queries" which is what you're looking for.
    Here's a good starting point for Media Queries...
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    Basically, you make one site in html, then 2 stylesheets that control the site depending on the viewer device. You use the pixel width of the device or browser window to determine which stylesheet is used. When they're on a desktop, stylesheet1 is used, when they move onto something smaller, stylesheet2 kicks in.
    The basics are pretty simple, getting the most out of it takes practice.

Maybe you are looking for

  • A web service that never replies...

    Hi! I write a java web service client that sends a soap message to a JAXMServlet that never replies. This is the simple client that sends a soap message and waits for the response: import java.net.*; import java.util.*; import javax.xml.soap.*; publi

  • Verizon FIOS TV/Internet and ESPN

    I guess this really belongs here and not in the "Off Topic" community: I contacted FIOS tech support two times now for issues connecting to ESPN to watch sports online. The first time the issue was due to account activation.  Now my first problem wit

  • Short Dump When activating BI Objects

    Hi Experts, When i try to activate any object ie., InfoObject, InfoCube, etc. it is moving to short dump. Can anyone please help in this issue, why it is going to short dump. Thanks & Regards Ramakrishna Kmaurthy

  • How do I get an answer to a question

    This is the second time where I have been looking for support at the Adobe Forums, and the second time where I get no reaction whatsoever. Don't necessarily want to whinge, but what would be the procedure here; repost? Give up? Write a new thread ask

  • MS Excel automatically converts numeric fields to date format

    I have at least 2 different spreadsheets where this happens.  I maintain them for months, adding, changing, deleting data.  They contain lots of data elements (numeric, text, date, etc).   Some columns are all numeric, some all dates, etc.  Then sudd