Having trouble updating Website Media Query as desktop version across all platforms/devices in .css

Hi all,
thank you for taking the time to read this.
I've been wondering how to update my website to view as a desktop version across al platforms... I am super new at this but have been having great success thanks to everyone in this forum.  I've been making updates to the site and want to keep a desktop version across all platforms...below is what i get when i view it from my phone and would like to see it as a regular pc. Thanks all!
here is the current .css and link to my site http://www.mauiandsonsretail.com
/*  Boxed Layout
    .bg-cover {
        background-attachment: fixed;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    body {
  background: url(../images/content/bg_img01.jpg);
  font-family: "Century Gothic", "Arial Narrow", Century, Cambria;
  color: #000000;
  font-size: 12pt;
  font-weight: 100;
  line-height: 1.4;
    #body-wrapper {
  left: 50%;
  margin-left: -500px;
  padding-top: 0;
  padding-bottom: 0;
  width: 980px;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
  box-shadow: 0 0 4px rgba(0,0,0,.3);
  overflow-x: hidden;
  padding-left: 25px;
  padding-right: 25px;
/*  Media Queries
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
    #body-wrapper {
        margin-left: -404px;
        width: 960px;
        padding: 0 50px;
    .fullwidth {
        margin-right: -50px !important;
        margin-left: 0px !important;
    .fullwidth-padding {
        margin-right: -50px !important;
        margin-left: -50px !important;
        padding-right: 50px !important;
        padding-left: 50px !important;
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #body-wrapper {
        margin-left: -250px;
        width: 440px;
        padding: 0 30px;
    .fullwidth {
        margin-right: -30px !important;
        margin-left: -30px !important;
    .fullwidth-padding {
        margin-right: -30px !important;
        margin-left: -30px !important;
        padding-right: 30px !important;
        padding-left: 30px !important;
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #body-wrapper {
        margin-left: -165px;
        width: 280px;
        padding: 0 25px;
    .fullwidth {
        margin-right: -25px !important;
        margin-left: -25px !important;
    .fullwidth-padding {
        margin-right: -25px !important;
        margin-left: -25px !important;
        padding-right: 25px !important;
        padding-left: 25px !important;

Before you touch one more thing in this site, you need to get up to speed on Responsive Web Design and all that it entails.  That is the bleeding edge trend right now.  Reverting to pixel layouts is not going to improve your site.  It will throw it back into the stone age.  So don't do it.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Responsive web sites need responsive menu systems.  Below are some links to follow:
PVII's Pop-Menu Magic3 (commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
Responsive Iconic
http://www.dynamicdrive.com/style/csslibrary/item/responsive_iconic_menu/
Responsive Hybrid
http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html
jQuery Superfish (desktop)
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery MeanMenu (responsive on mobile)
http://www.meanthemes.com/plugins/meanmenu/
Good luck!
Nancy O.

Similar Messages

  • Having trouble updating Safari after reverting to older version

    Hi. I feel really dumb for doing this and I won't bore you with why, but I downloaded Safari 1.2 and replaced version 1.3.2 with it. Now when I try to update with Safari 1.3.1, the installer won't let me use my hard drive (when the screen comes up to choose a location for the program the HD has a big red exclamation point on it).
    When I 'get info' on Safari, it says it is version 1.2 and I run into problems that I didn't have before when using it. I've tried to use the software updater, it says all of my programs are up to date.
    What should I do? Is there a "cookie" or something similar that tells the updater program that I have already updated? Help! I just want to get my computer back the way it was.
    Thanks in advance for any help.
    imac flat panel   Mac OS X (10.3.9)  

    You can only edit the last version. If you want to revert to an older version of your code to go on from there, you'll have to sync to that older version (like you did), then copy the source code, sync to the last version and paste the copied code.
    Edited by: Pascal Willemsen on Jul 13, 2010 10:16 AM

  • I'm having trouble updating the Creative Cloud desktop app (Error code: 62)

    I'm having trouble updating the desktop app. The application updater says its error code 62.
    Running on Mac OS X 10.9.5.

    Hi yongteck,
    Please refer to the help document and thread below where the issue has been resolved:
    1. Error "Failed to Install" Creative Cloud Desktop application
    2. Why do i keep on getting error 62?
    Regards,
    Sheena

  • Having trouble updating creative cloud for desktop. (error code:2)

    Having trouble updating creative cloud for desktop. (error code:2)

    Hi Olaolu,
    You can follow the article: Error: "Failed to install" | Creative Cloud Desktop which will help you to get your issue fixed.
    You can also follow the thread: Creative Cloud desktop failed to update.(Error code: 2) where this issue is already discussed.
    Let us know if it works or not.
    Thanks,
    Ratandeep Arora

  • I am having trouble updating iTunes 10.7- it downloads about 70% then stops and says error. What can I do to update??

    I am having trouble updating iTunes 10.7- it downloads about 70% then stops and says error. What can I do to update??

    I'd first try downloading an installer from the Apple website using a different web browser:
    http://www.apple.com/quicktime/download/
    If you use Firefox instead of IE for the download (or vice versa), do you get a working installer?

  • I am having trouble getting Flash media to play on my Hubpages

    I am having trouble getting Flash media to play on my Hubpages website - http://everydaygreen.hubpages.com - and am wondering if it can be used on this particular web service or if it is blocked by some of their script. Any help would be appreciated.
    Thanks,
    Trish

    Trisha,
    Thanks for your reply. This forum is for issues with the Edge Code getting started tutorial. For issues with Flash Player, you may want to try the Flash Player forum at http://forums.adobe.com/community/flashplayer
    - Brian

  • Having trouble updating Creative Cloud (Error Code: 85)

    Having trouble updating Creative Cloud (Error Code: 85)
    Installation keeps stopping at 43%

    Please read https://forums.adobe.com/thread/1499014
    -try some steps such as changing browsers and turning off your firewall
    -also flush your browser cache so you are starting with a fresh browser
    http://myleniumerrors.com/installation-and-licensing-problems/creative-cloud-error-codes-w ip/
    http://helpx.adobe.com/creative-cloud/kb/failed-install-creative-cloud-desktop.html
    or
    A chat session where an agent may remotely look inside your computer may help
    Creative Cloud chat support (all Creative Cloud customer service issues)
    http://helpx.adobe.com/x-productkb/global/service-ccm.html

  • I'm having trouble updating my iphone 4 since i updated to 4.3.3 i can't update it anymore. right now when i connect it to my itunes, itunes freezes for about 5 minutes then says something like "could not load sync service" any ideas on what i shud do?

    I'm having trouble updating my iphone 4 since i updated to 4.3.3 i can't update it anymore. initially itunes would let me go so far as downloadin the new software then an error poped up as soon as the download finished, and now when i connect it to my itunes, itunes freezes for about 5 minutes then says something like "could not load sync service, reconnect or try again later" any ideas on what i shud do?

    Did you try to connect in recovery mode? iPhone and iPod touch: Unable to restore

  • HI there, I am having trouble updating my CS5 Master's Collection Suite for at least a month now. I keep gettin this message "There was an error downloading this update. Please quit now and try again later" every time and do not know how to fix it.

    I am having trouble updating my CS5 Master's Collection Suite for at least a month now. I keep getting this message "There was an error downloading this update. Please quit now and try again later" every time and do not know how to fix it.
    Any help will be highly appreciated.
    Thanks a lot in advance.
    Sincerely,
    Uvaldocj@@
    Here is a list of the products I am troubled with:
      Adobe After Effects CS5 10.0.2 Update
    There was an error downloading this update. Please quit and try again later.
      Adobe Bridge CS5 4.0.5 Update
    There was an error downloading this update. Please quit and try again later.
      Adobe Extension Manager CS5 5.0 Update
    There was an error downloading this update. Please quit and try again later.
      Adobe Illustrator CS5 15.0.2 Update
    There was an error downloading this update. Please quit and try again later.
      Adobe Pixel Bender Toolkit 2.5 Update
    There was an error downloading this update. Please quit and try again later.
      Adobe® InDesign® CS5 7.0.4 update
    There was an error downloading this update. Please quit and try again later.
      Dreamweaver CS5 11.0.4 Updater
    There was an error downloading this update. Please quit and try again later.
      Fireworks CS5 11.0.2 Update
    There was an error downloading this update. Please quit and try again later.
      Photoshop 12.0.4 update for Photoshop CS5
    There was an error downloading this update. Please quit and try again later.
      Photoshop Camera Raw 6.7 Update
    There was an error downloading this update. Please quit and try again later.

    I'm having the same issue. And Dreamweaver now crashes after just a few seconds.

  • I have 2 App Store accounts, one from MobileMe time and i want to know if it is possible to merge them as i'm having troubles updating some of my software?

    I have 2 App Store accounts, one from MobileMe time and i want to know if it is possible to merge them as i'm having troubles updating some of my software?
    I have to sign in and out between one and the other constantly and i dont know what to do anymore becouse now i can't update software on either, it keeps on poping up "To update this application, sign in to the account you used to purchase it." and im pretty sure im on the right account.

    Sorry. Apple's policy states that accounts cannot be merged > Frequently asked questions about Apple ID
    Contact Apple for assistance > Contacting Apple for support and service

  • TS4006 Hi I am having trouble updating my apps I have tried one at a time and all together but they just will not load any ideas would be appreciated

    Hi, I am having trouble updating my apps, I have tried one at time and all together but they just keep on whirring away and nothing happens! any ideas woud be appreciated.

    Suggest you update all these apps on iTune (computer) and sync them to your iPad.

  • HT1222 Having trouble updating to  11.1 on my iPhone 5 and I can't download any music from iTunes to my iPhone because it says I don't have 11.1

    Having trouble updating to  11.1 on my iPhone 5 and I can't download any music from iTunes to my iPhone because it says I don't have 11.1? How can I update iTunes on iPhone?

    You update iTunes on your computer to 11.1.

  • I am having trouble updating the operating system on both my ipad and iphone. I get a strange message when I open my PC desk top that says "the procedure entry point sqlit3_wal-checkpoint could not be located in teh dynamic link library SQLite3.dll"

    I am having trouble updating my operatI am having trouble updating the operating system on both my ipad and iphone. I get a strange message when I open my PC desk top that says "the procedure entry point sqlit3_wal-checkpoint could not be located in the dynamic link library SQLite3.dll"  Any ideas what my problem is?

    Hi whatsthe77,
    Welcome to Apple Support Communities.
    You may want to follow the steps in this article to reinstall iTunes:
    Removing and reinstalling iTunes, QuickTime, and other software components for Windows Vista or Windows 7
    http://support.apple.com/kb/HT1923
    Have a great day,
    Jeremy

  • Why am i having trouble updating itunes  on my windows 7 (64 bit) computer?

    Why am I having trouble updating itunes on my windows 7 (64 bit) computer?

    Doug
    Thanks for the update.
    nothing is getting installed, copied or otherwise loaded onto my computer....first the program starts to load, then it asks for my serial number, then it goes out and seems to check the serial number then it says it can't be installed then it erases everything it just spent 10 minutes loading.
    In view of the above and your prior descriptions, have you tried alternative installation files?
    If you want to give a look to that approach, please download and install the tryout files for Premiere Elements 9 from the following web site and then insert your purchased serial number into them during installation.
    With this route, you need to carefully carry out the web site's "Note: Very Important Instructions" in order to avoid an Access Denied message.
    Photoshop Elements 9 / Premiere Elements 9 Direct Download Links | ProDesignTools
    Back to my questions from post 3
    Are you getting any Shared Technologies error message any where in the installation process that is failing?
    If you follow the following path, do you find an OOBE Folder?
    Local Disk C
    Program Files (x86)
    Common Files Folder
    Adobe
    and in the Adobe Folder should be the OOBE Folder which you rename from OOBE to OLDOOBE to disable it.
    When you are forced into a roll back for whatever installation has taken place, do you ever see a message about Shared Technologies?
    And, whether or not the program installs to any extent, does your computer have the OOBE Folder? If so, then please rename it to disable it before
    you try for another 9 install.
    Looking forward to your results.
    ATR
    Add On....Please remind me....since you purchased Premiere Elements 9, have you ever installed and used it successfully on any computer?

  • I'm having trouble finding firefox sync on my desktop and to download to my ipad2 for schoolwork!

    I'm having trouble finding firefox sync on my desktop AND getting it over to my ipad2. I've been through all the support and still can't find it. Please help! I need it for my schoolwork!

        Mam129, I rely on email to stay connected with family and friends so I know how important it is to be able view them on my phone. But don’t worry because I’m here to help.
    Are you still unable to set up your email? A fix for the issue has recently been implemented. Please try setting up the email again and keep me posted if you have any issues.
    John B
    Follow us on Twitter @VZWSupport.

Maybe you are looking for

  • IPod synch - not updating iCal events

    Several people have posted that their calendars are not synching to their iPods/iPhones/&c. at all. When I synch my iPod(s) (80GB video), the iCal calendars show up, but using an older database. That's to say that I change and add and delete events o

  • Why do arrow keys stop working with type in CS6

    I searched this issue and found many forums discussing the topic, but no solution. When using PS CS6, the arrow keys randomly stop working when navigating around in text. This is extremely frustrating. Per other discussions, and my experience, there

  • Runtime error in IE 7

    A site I use has a pop up applelet window which works fine in IE 6 However I recently downloaded the IE 7 Beta version and, when using that, get a runtime library error and a fata errror in iexplore.exe, closing all windows if the error message windo

  • Backend tables information in Agile PLM 8.5 and 9.3 versions

    I am upgrading Agile PLM version 8.5 that currently has Oracle database 9g, to version 9.3 application and backend Oracle database to 11g. I need to verify the data between Agile database and our EBS database and am wondering if anyone can give me in

  • Project Seven SwapClass

    Hello, I completed and understand the project seven tutorial, SwapClass: http://projectseven.com/tutorials/navigation/swapclassmenu/index.htm However, I'm trying to recreate the navigation menu for my own site and have a few questions. First, the onl