Title: CSS not responding
Last modified: August 22, 2016

---

# CSS not responding

 *  [csmoses](https://wordpress.org/support/users/csmoses/)
 * (@csmoses)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/)
 * I am making a responsive website sandbox.mercomcorp.com and my css media queries
   are working the problem is that some part of the css is not working. As of now
   I am working on the [@media](https://wordpress.org/support/users/media/) screen
   and (max-width: 680px) and (orientation:landscape)I am trying to move my phone
   numbers up. Is something wrong with my css?
 *     ```
       html, body {
           max-width: 100%;
           overflow-x: hidden;
           background:black;
       }
   
       #phone   {font-size:18px; }
       p.serviceheader {font-size:18px; color:#464646;}
       #servicetext {margin-top:-227px; margin-left:15px; color:#ffffff;}
       #servicelink {margin-top:-4px; margin-left:15px}
       #securitylink {margin-top:20px; margin-left:2px}
       #networkinfrastructurelink {margin-top:-20px; margin-left:-2px}
       #itlink {margin-top:-20px; margin-left:8px}
       #datalink {margin-top:46px; margin-left:8px; color:#ffffff;}
       #personnellink {margin-top:6px; margin-left:15px}
       #hometext {font-size:31px; text-align:right; line-height:1.5; font-weight:bold; margin-top:-25px;}
       #abouthome {margin-left:20px; float:left;}
       #contacthome {font-size:23px; color:#464646; font-weight:bold;}
       #prefooter {color:#464646; font-size:23px;}
       #careershome {color:#464646; font-size:18px; margin-top:-5px;}
       #jointeam {color:#464646; font-size:23px; margin-top:35px;}
       #benefits {color:#464646; font-size:23px; margin-top:7px;}
       #joinus {color:#464646; font-size:23px; margin-top:38px; }
       #employees {color:#464646; font-size:18px; margin-top:10px; line-height:20px;}
       p.corporateoffice {font-size:20px; color:#464646;}
       p.officetext {color:#464646;}
       #footer-links {font-size:12px;}
       #chamberlogo {margin-top:10px; margin-left:28px;}
       #sbalogo {margin-left:3px;margin-top:30px;}
       #bicsilogo {margin-left:53px;}
       #alliance {margin-left:15px;}
       #mbchamber {margin-left:3px;}
       #pmilogo {margin-left:55px;}
       .prefooterlink a {color:#464646;}
       #afcealogo {margin-bottom:-9px; margin-left:30px;}
       #bbb {margin-left:17px;}
       #infocommlogo {margin-left:40px;}
       h1.relatedpgs {font-size:24px; color:#990812; margin-left:-8px;}
       h1.pheader {font-size:26px;}
       .customheader {margin-top:-60px;}
       .bodycontentalign {margin-left:11px;}
       .navalign {margin-top:-15px; margin-left:11px;}
       .topphone {margin-top:-25px;margin-left:105px;}
       .socialicons {margin-top:-32px; margin-left:60px;}
       .footercontactinfo {background:url('/wp-content/uploads/2012/05/ragedge-right.gif') repeat-y scroll right top #ECECEC;
         color: #5a5858;
         float: left;
         min-height:260px;
         width: 260px;
       }
       .footerlogos {background:url('/wp-content/uploads/2012/05/ragedge-left.gif') repeat-y scroll left top #ECECEC;
         color: #5A5858;
         float: left;
         min-height:260px;
         width: 680px;
         margin-left:-95px;
       }
       .innerpagenav {background-color:#ececec;}
       #block-69 {margin-top:-15px;}
       #block-72 {margin-top:-74px; margin-left:-1px;}
       #block-73 {margin-top:-70px; margin-left:-19px; background-color:#000000; color:#ffffff;}
       #block-372 {margin-top:-55px;}
       #block-370 {margin-top:-45px;}
       #block-25 {margin-top:25px;}
       #datacentertext {margin-top:-245px; margin-left:10px; color:white;}
       #itintegrationtext {margin-top:-245px; margin-left:10px; color:white;}
       #securitytext {margin-top:-245px; margin-left:10px; color:#ffffff;}
       #networkinfrastructuretext {margin-top:-245px; margin-left:10px; color:#ffffff;}
       #vtctext {margin-top:-245px; margin-left:5px; color:#ffffff;}
   
       /*regular site css*/
   
       .container
       {
   
          background-color:white;
           display:inline-block;
           height:100%;
           width: 100%;
           text-align: left;
           font-size: 1em;
   
       }
   
       .square
       {
   
           width:19.5%;
          margin:auto;
          /* border: solid 1px #ccc; */
           display: inline-block;
          vertical-align:middle;
       }
   
       .words
       {
        background-color:#990913; color:white;
        text-align:left;
        width:12.8em;height:15em;
        line-height:30px;
        text-align:center;
   
       }
   
       #block-72 li.widget
       {
         margin-bottom:2%;
       }
       .title
        {
          /*display:inline-block;*/
         font-size:18px;
         padding-bottom:5px;
         /*color:#444444;*/
       }
   
         #block-73 li.widget
         {
           margin-top:5%;
   
         }
   
         #block-66
         {
           /*background-color:purple;*/
           position:relative;
           top:-1px;
           margin-left:105px;
   
         }
         #block-67
         {
           padding-top:5%;
         }
   
         #block-52
         {
           padding-top:15px;
         }
         a.linktext
       {
         color:#464646 !important; font-size:20px;
       }
       a.linktext1
       {
         color:#464646 !important; font-size:20px;
       }
       a.linktext2
       {
         color:#464646 !important; font-size:20px;
       }
   
         .centerlink
         {
           text-align: center!important;
         }
       .fb-hide
       {
         position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
       }
       .corporateoffice
       {
         color:#464646;
         font-size:20px;
       }
       .officetext
       {
          color:#464646;
       }
   
       @media screen and (device-width:800px) and (orientation:landscape)
         {
            .container
               {
                 height:100%;
                 width:100%;
                 text-align:center;
                 background-color:white;
                   display:inline-block;
   
               }
             .square
             {
                margin:auto;
                 width:10.5em!important;
                 text-align:center;
                 display:inline-block;
   
               }
   
                  a.linktext1
               {
                 position: absolute !important;
                  top: -9999px !important;
                  left: -9999px !important;
               }
   
       a.linktext
       {
         color:#464646 ; font-size:18px;
       }
   
       a.linktext2
       {
         color:#464646 ; font-size:18px;
       }
       .socialicons
       {
   
           top:330px;
           position-left:50px;
   
       }
       .corporateoffice
       {
         color:#464646;
         font-size:14px;
       }
       .officetext
       {
           font-size:12px;
          color:#464646;
       }
       }
   
       @media screen and (min-width: 768px)and (orientation:portrait)/*ipad*/
       {
         .container
               {
                 height:100%;
                 width:100%;
                 text-align:center;
                 background-color:white;
                   display:inline-block;
   
               }
             .square
             {
                margin:auto;
                 width:15em!important;
                 text-align:center;
                 display:inline-block;
   
               }
           .words
             {
   
               width:100%;
             }
             a.linktext
             {
               color:#464646 !important; font-size:17px;
             }
               a.linktext1
               {
                color:#464646 !important; font-size:17px;
               }
               a.linktext2
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
               }
               #block-172
               {
                   position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
               }
          .centerlink
         {
           text-align: center;
         }
         #block-65
         {
           margin:-65 0 0 0 ;
           position:absolute;
           left:75px;
   
         }
         .topphone
         {
          position:absolute;
             top:325px;
             left:400px;
             font-weight:bold;
             line-height:1px;
             letter-spacing:.1px!important;
   
         }
       .socialicons
         {
             left:25px!important;
             top:305px;
         }
         #block-67
         {
            left:25px!important;
             top:305px;
         }
   
        /*.officetext
        {
            font-size:12px;
        }
        .corporateoffice
        {
            font-size:14px;
        }*/
   
         /* #block-249
         {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
   
         }
         #block-301
         {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
   
         }
         #block-126
       {
             position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
       }
           #block-31
           {
               position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
           }
           #block-10
           {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
           }
             #block-358
           {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
           }*/
           .hwr-form-title
           {
               line-height:25px;
           }
            .threeLines
           {
               position:absolute!important;
               top:45px!important;
           }
       }
   
       @media screen and (min-width:1025px) /*and (orientation:landscape)*/
       {
            .hide
         {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         } 
   
          a.linktext1
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         } 
   
       }
   
       @media screen and (min-width:712px) and (max-width:1024px) and (orientation:landscape)/*between* ipad landscape*/
       {
           .threeLines
           {
               position:absolute!important;
               top:25px!important;
           }
             .container
               {
                /* height:100%;*/
                 width:100%;
                 text-align:center;
                 background-color:white;
                   /*display:inline-block;*/
   
               }
             .square
             {
   
                margin:auto;
                 width:12em;
                 text-align:left;
   
               }
           .words
           {
               width:100%;
               height:240px;
               /*color:red;*/
           }
            a.linktext1
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         }
   
         .socialicons
         {
           position:absolute!important;
             top:360px;
             left:700px!important;
   
         }
         .topphone
         {
             font-weight:bold;
         }
       }
       @media screen and (min-width: 681px) and (max-width:711px) and  (orientation:landscape)
       {
           .container
               {
                /* height:100%;*/
                 width:100%;
                 text-align:center;
                 background-color:white;
                   /*display:inline-block;*/
   
               }
             .square
             {
   
                margin:auto;
                 width:14em;
                 text-align:left;
   
               }
               a.linktext1
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         }
         .words
         {
             width:100%;
         }
         .topphone
         {
             font-weight:bold;
             letter-spacing:-1px;
         }
         .socialicons
         {
             position:absolute!important;
             left:451px!important;
             top:319px!important;
         }
   
       }
       @media screen and (max-width: 680px) and (orientation:landscape)
   
         {
             html, body
             {
           max-width: 100%;
           overflow-x: hidden;
   
         }
                #wrapper-4,#wrapper-5,#wrapper-9,#wrapper-10,#wrapper-11,#wrapper-12,#wrapper-13,#wrapper-14,#wrapper-15,#wrapper-16,#wrapper-17/*stops from scrolling horizontal*/
                        {
                              width:auto;
                             overflow: hidden;
                             padding :0.5em;
                        }
   
                       .hide  /*logo*/
                         {
   
                           width:68%;
                           height: 185px;
                            /*display: block;*/
                           margin: auto !important;
                         }
                       .footerlogos
                       {
                            position: absolute !important;
                              top: -9999px !important;
                              left: -9999px !important;
                       }
                            .container
                           { 
   
                             width:100%;
                             text-align:center;
                             background-color:white;
                               /*display:inline-block;*/
   
                           }
                         .square
                         {
   
                            margin:auto;
                             width:20em;
                             text-align:left;
   
                           }
   
                            .words
                             {
                                width:100%;
                                font-size:16px;
                                 height:180px;
                               text-align:center;
                             }
   
                       #block-72 li.widget
                           {
                             margin-bottom:2%;
                           }
                       .title
                          {
                            /*display:inline-block;*/
                           font-size:18px;
                           padding-bottom:5px;
                           /*color:#444444;*/
                         }
   
                       #block-73 li.widget
                         {
                           margin-top:5%;
   
                         }
   
                      .insideimg
                     {
   
                       height:auto;
                       width:300px;
                       float:right;
   
                     }
   
                     a.linktext2
                     {
                       position: absolute !important;
                      top: -9999px !important;
                      left: -9999px !important;
                     }
                     .centerlink
                     {
                       text-align: center;
                     }
   
                     .corporateoffice
                     {
                       font-color:black!important;
                       font-size:17px!important;
                       font:semi-bold;
                       white-space:nowrap !important;
                     }
                     .officetext
                     {
                       font-size:16px!important;
                     }
   
                    .socialicons
                    {
                         display:inline-block;
                      /* background-color:grey!important;*/
                       position:relative;
                       left:350px;
                       top:-15px!important;
                       z-index:2;  
   
                    }
   
                   a.linktext
                   {
                     color:#464646 !important; font-size:20px;
                   }
                   a.linktext1
                   {
                     color:#464646 !important; font-size:20px;
                   }
                     .block-type-hwr-contact #hwr-contact-27 .hwr-form-title
                     {
                         line-height:90%;
                       }
   
                     .contact
                       {
                          /* background:blue!important;*/
                           display:inline!important;
                           /*position:absolute!important;*/
                           top:19px!important;
   
                       }
   
                     #block-66
                     {
                         position:absolute!important;
                          top:215px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                     }
                      #block-249
                     {
                           position:absolute;
                         top:200px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                     }
                     #block-301
                     {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                     }
                     #block-126
                   {
                        position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                   }
                       #block-31
                       {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                       }
                       #block-10
                       {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                       }
   
                       #block-358
                       {
   
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
                       }
   
                       .customheader
                       {
                           position: absolute !important;
                          top: -9999px !important;
                          left: -9999px !important;
                       }
                       /*.threeLines
                       {
                           position:absolute!important;
                           top:25px!important;
                       }*/
   
       }
   
        @media screen and (width:640px) and (orientation:landscape)
        {
   
               .threeLines
                     {
                  position:absolute!important;
                 top:40px!important;
                      }
            #block-66
            {
                position:absolute!important;
               top:286px!important;
            }
                  #block-358
                     {
                         position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:red!important;*/
   
                     }
   
              #block-249
                     {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:orange!important;*/
   
                     }
                     #block-301
                     {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                        /* background:pink!important;*/
   
                     }
                     #block-126
                   {
                        position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:purple!important;*/
                   }
                       #block-31
                       {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                        /* background:green!important;*/
                       }
                       #block-10
                       {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:grey!important;*/
                       }
        }
          @media screen and (width:603px)
          {
              .topphone
              {
                   font-weight:bold;
               }
               #block-172
               {
                  position: absolute !important;
               top: -9999px !important;
               left: -9999px !important;
               }
                .container
                   {
   
                     width:100%;
                     text-align:center;
                     background-color:white;
   
                   }
                 .square
                 {
                    margin:auto;
                     width:15em;
                     text-align:left;
   
                   }
                   .socialicons
                   {
                       position:absolute!important;
                       top:300px!important;
                       left:400px;
                   }
          }
           @media screen and (width:600px) and (orientation:portrait)/*tablet 7 inch*/
           {
                   .container
                   {
   
                     width:100%;
                     text-align:center;
                     background-color:white;
   
                   }
                 .square
                 {
                    margin:auto;
                     width:12.85em;
                     text-align:left;
   
                   }
                 /*a.linktext1
                   {
                       position: absolute !important;
                      top: -9999px !important;
                      left: -9999px !important;
                   }*/
                 .centerlink
                 {
                   text-align: center;
                 }
                 .socialicons
                 {
                     position:absolute!important;
                     top:224px!important;
                     left:440px!important;
                    /*background:red!important;*/
                 }
                 .topphone
                 {
                     left:40px;
                     font-weight:bold;
                 }
               .footerlogos
                 {
                   display:hidden;
                 }
   
           }
       /*@media only screen and (device-height:568px) and (device-width:320px) and (-webkit-min-device pixel-ratio:2) and (orientation :landscape) *//*iphone 5*/
         @media screen and (device-aspect-ratio: 40/71) and (orientation:landscape)
         {
   
              .container
               {
   
                 width:100%;
                 text-align:center;
                 background-color:white;
   
               }
             .square
             {
                 margin:auto;
                 width:18em;
                 text-align:left;
   
               }
   
               #block-66
               {
   
                   font-size:10px!important;
   
                   }
                   .words
                   {
                       height:205px;
                       font-size:18px;
                   }
                   .officetext
                   {
                       font-size:10px!important;
                   }
                   .corporateoffice
                   {
                       font-size:12px!important;
                   }
                   .topphone
                   {
                       top:230px;
                   }
   
               }
       @media screen and (min-width:533px) and (max-width:560px) and (orientation:landscape)/*HTC Desire*/
       {
            container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:15em!important;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
   
           #block-66
           {
               position:absolute!important;
               top:265px!important;
               left:75px!important;
           }
            #block-358
                     {
                         position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                         /*background:red!important;*/
   
                     }
   
              #block-249
                     {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                         /*background:orange!important;*/
   
                     }
                     #block-301
                     {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                        /* background:pink!important;*/
   
                     }
                     #block-126
                   {
                        position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                         /*background:purple!important;*/
                   }
                       #block-31
                       {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
                         font-weight:bold!important;
                        /* background:green!important;*/
                       }
                       #block-10
                       {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
                         font-weight:bold!important;
                         /*background:grey!important;*/
                       }
       }
        @media screen and (width:533px) and (orientation:portrait)
       {
   
             container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:15em!important;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
         .socialicons
         {
   
             position:absolute!important;
             top:235px!important;
             left:400px!important;
         }
         .topphone
         {
             left:35px;
             font-weight:bold!important;
         }
   
       }
   
       @media screen and (min-width:481px) and (orientation:portrait)
       {
           container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:15em;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
          a.linktext2
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
           .words
           {
               width:100%;
   
           }
          .topphone
          {
              font-weight:bold;
              /*position:absolute;
              left:35px;*/
          }
          .socialicons
          {
              left:350px;
              top:225px;
          }
       }
   
       @media screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape)
        /*@media only screen and (max-width:500px) and (orientation:landscape)*/
       {
   
           .container
               {
   
                 width:100%;
                 text-align:center;
                 background-color:white;
   
               }
             .square
             {
   
                 margin:auto;
                 width:15em!important;
                 text-align:left;
   
               }
   
             .words
             {
               width:100%;
               height:203px;
               text-align:center;
               font-size:16px!important;
   
             }
   
         .officetext
         {
           font-size:12px!important;
         }
         .coporateoffice
         {
           font-size:14px!important;
         }
   
         .contact1{
           position:absolute;
           top:2050px!important;
           margin-top:0px;
   
         }
   
       .topphone
       {
           position:absolute!important;
          left:125px!important;
           top:165px!important;
           font-weight:bold;
   
       }
   
         .socialicons
         {
           position:absolute;
           left:300px!important;
           top:150px!important;
         }
   
        /* #block-358
         {
             position:absolute;
             top:220px!important;
             left:50px!important;
             font-weight:bold!important;
   
         }
         #block-249
         {
               position:absolute;
             top:220px!important;
            left:50px!important;
             font-weight:bold!important;
   
         }
         #block-301
         {
               position:absolute;
             top:220px!important;
              left:50px!important;
             font-weight:bold!important;
   
         }
         #block-126
       {
            position:absolute;
             top:220px!important;
              left:50px!important;
            font-weight:bold!important;
       }
           #block-31
           {
               position:absolute;
             top:220px!important;
             left:50px!important;
             font-weight:bold!important;
           }
           #block-10
           {
               position:absolute;
             top:220px!important;
              left:50px!important;
            font-weight:bold!important;
           }*/
   
       }
       @media screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait)/*small devices*/
   
       {
   
         .hide/*logo*/
         {
           margin-top:10%;
          margin-bottom:2px;
          display:block;
         }
        a.linktext2
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
         .container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:100%;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
   
       .words
       {
           color:white;
           font-size:18px;
           text-align:center;
           background-color:#990913;
           width:100%;
           height:150px;
   
       }
       .title
        {
           width:100%;
         }
   
         #block-73 li.widget
         {
           margin-top:30%;
   
         }
   
       #block-66
        {
            position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
       }
       #block-358
         {
             position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
   
         }
         #block-249
         {
              position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
   
         }
         #block-301
         {
             position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
   
         }
         #block-126
       {
            position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
       }
           #block-31
           {
              position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
           }
           #block-10
           {position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
           }
   
         .insideimg
         {
   
           height:120px;
           width:140px;
           float:right;
          }
          .centerlink {
           text-align: center;
         }
         .footer
         {
           color:black!important;
           font-size:20px;
         }
   
          .fb
         {
           background:white;
         }
         .fb-hide
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
         .insideimg
         {
   
           height:auto;
   
           float:right;
   
         }
       }
       @media screen and (max-width: 319px)
       {
             .container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:20em;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
         .words
         {
             width:100%;
         }
       a.linktext2
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
   
       }
       @media screen and (min-width:0px) and (max-width:319px) and (orientation:portrait)
       {
           .container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:14em;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
         .words
         {
             height:250px;
         }
   
       }
       ```
   

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262140)
 * What specifically is broken? It’s a lot easier if you identify that CSS rather
   than have us look through that 1300 lines of code
 *  Thread Starter [csmoses](https://wordpress.org/support/users/csmoses/)
 * (@csmoses)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262295)
 *     ```
       html, body {
           max-width: 100%;
           overflow-x: hidden;
           background:black;
       }
   
       #phone   {font-size:18px; }
       p.serviceheader {font-size:18px; color:#464646;}
       #servicetext {margin-top:-227px; margin-left:15px; color:#ffffff;}
       #servicelink {margin-top:-4px; margin-left:15px}
       #securitylink {margin-top:20px; margin-left:2px}
       #networkinfrastructurelink {margin-top:-20px; margin-left:-2px}
       #itlink {margin-top:-20px; margin-left:8px}
       #datalink {margin-top:46px; margin-left:8px; color:#ffffff;}
       #personnellink {margin-top:6px; margin-left:15px}
       #hometext {font-size:31px; text-align:right; line-height:1.5; font-weight:bold; margin-top:-25px;}
       #abouthome {margin-left:20px; float:left;}
       #contacthome {font-size:23px; color:#464646; font-weight:bold;}
       #prefooter {color:#464646; font-size:23px;}
       #careershome {color:#464646; font-size:18px; margin-top:-5px;}
       #jointeam {color:#464646; font-size:23px; margin-top:35px;}
       #benefits {color:#464646; font-size:23px; margin-top:7px;}
       #joinus {color:#464646; font-size:23px; margin-top:38px; }
       #employees {color:#464646; font-size:18px; margin-top:10px; line-height:20px;}
       p.corporateoffice {font-size:20px; color:#464646;}
       p.officetext {color:#464646;}
       #footer-links {font-size:12px;}
       #chamberlogo {margin-top:10px; margin-left:28px;}
       #sbalogo {margin-left:3px;margin-top:30px;}
       #bicsilogo {margin-left:53px;}
       #alliance {margin-left:15px;}
       #mbchamber {margin-left:3px;}
       #pmilogo {margin-left:55px;}
       .prefooterlink a {color:#464646;}
       #afcealogo {margin-bottom:-9px; margin-left:30px;}
       #bbb {margin-left:17px;}
       #infocommlogo {margin-left:40px;}
       h1.relatedpgs {font-size:24px; color:#990812; margin-left:-8px;}
       h1.pheader {font-size:26px;}
       .customheader {margin-top:-60px;}
       .bodycontentalign {margin-left:11px;}
       .navalign {margin-top:-15px; margin-left:11px;}
       .topphone {margin-top:-25px;margin-left:105px;}
       .socialicons {margin-top:-32px; margin-left:60px;}
       .footercontactinfo {background:url('/wp-content/uploads/2012/05/ragedge-right.gif') repeat-y scroll right top #ECECEC;
         color: #5a5858;
         float: left;
         min-height:260px;
         width: 260px;
       }
       .footerlogos {background:url('/wp-content/uploads/2012/05/ragedge-left.gif') repeat-y scroll left top #ECECEC;
         color: #5A5858;
         float: left;
         min-height:260px;
         width: 680px;
         margin-left:-95px;
       }
       .innerpagenav {background-color:#ececec;}
       #block-69 {margin-top:-15px;}
       #block-72 {margin-top:-74px; margin-left:-1px;}
       #block-73 {margin-top:-70px; margin-left:-19px; background-color:#000000; color:#ffffff;}
       #block-372 {margin-top:-55px;}
       #block-370 {margin-top:-45px;}
       #block-25 {margin-top:25px;}
       #datacentertext {margin-top:-245px; margin-left:10px; color:white;}
       #itintegrationtext {margin-top:-245px; margin-left:10px; color:white;}
       #securitytext {margin-top:-245px; margin-left:10px; color:#ffffff;}
       #networkinfrastructuretext {margin-top:-245px; margin-left:10px; color:#ffffff;}
       #vtctext {margin-top:-245px; margin-left:5px; color:#ffffff;}
   
       /*regular site css*/
   
       .container
       {
   
          background-color:white;
           display:inline-block;
           height:100%;
           width: 100%;
           text-align: left;
           font-size: 1em;
   
       }
   
       .square
       {
   
           width:19.5%;
          margin:auto;
          /* border: solid 1px #ccc; */
           display: inline-block;
          vertical-align:middle;
       }
   
       .words
       {
        background-color:#990913; color:white;
        text-align:left;
        width:12.8em;height:15em;
        line-height:30px;
        text-align:center;
   
       }
   
       #block-72 li.widget
       {
         margin-bottom:2%;
       }
       .title
        {
          /*display:inline-block;*/
         font-size:18px;
         padding-bottom:5px;
         /*color:#444444;*/
       }
   
         #block-73 li.widget
         {
           margin-top:5%;
   
         }
   
         #block-66
         {
           /*background-color:purple;*/
           position:relative;
           top:-1px;
           margin-left:105px;
   
         }
         #block-67
         {
           padding-top:5%;
         }
   
         #block-52
         {
           padding-top:15px;
         }
         a.linktext
       {
         color:#464646 !important; font-size:20px;
       }
       a.linktext1
       {
         color:#464646 !important; font-size:20px;
       }
       a.linktext2
       {
         color:#464646 !important; font-size:20px;
       }
   
         .centerlink
         {
           text-align: center!important;
         }
       .fb-hide
       {
         position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
       }
       .corporateoffice
       {
         color:#464646;
         font-size:20px;
       }
       .officetext
       {
          color:#464646;
       }
   
       @media screen and (device-width:800px) and (orientation:landscape)
         {
            .container
               {
                 height:100%;
                 width:100%;
                 text-align:center;
                 background-color:white;
                   display:inline-block;
   
               }
             .square
             {
                margin:auto;
                 width:10.5em!important;
                 text-align:center;
                 display:inline-block;
   
               }
   
                  a.linktext1
               {
                 position: absolute !important;
                  top: -9999px !important;
                  left: -9999px !important;
               }
   
       a.linktext
       {
         color:#464646 ; font-size:18px;
       }
   
       a.linktext2
       {
         color:#464646 ; font-size:18px;
       }
       .socialicons
       {
   
           top:330px;
           position-left:50px;
   
       }
       .corporateoffice
       {
         color:#464646;
         font-size:14px;
       }
       .officetext
       {
           font-size:12px;
          color:#464646;
       }
       }
   
       @media screen and (min-width: 768px)and (orientation:portrait)/*ipad*/
       {
         .container
               {
                 height:100%;
                 width:100%;
                 text-align:center;
                 background-color:white;
                   display:inline-block;
   
               }
             .square
             {
                margin:auto;
                 width:15em!important;
                 text-align:center;
                 display:inline-block;
   
               }
           .words
             {
   
               width:100%;
             }
             a.linktext
             {
               color:#464646 !important; font-size:17px;
             }
               a.linktext1
               {
                color:#464646 !important; font-size:17px;
               }
               a.linktext2
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
               }
               #block-172
               {
                   position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
               }
          .centerlink
         {
           text-align: center;
         }
         #block-65
         {
           margin:-65 0 0 0 ;
           position:absolute;
           left:75px;
   
         }
         .topphone
         {
          position:absolute;
             top:325px;
             left:400px;
             font-weight:bold;
             line-height:1px;
             letter-spacing:.1px!important;
   
         }
       .socialicons
         {
             left:25px!important;
             top:305px;
         }
         #block-67
         {
            left:25px!important;
             top:305px;
         }
   
        /*.officetext
        {
            font-size:12px;
        }
        .corporateoffice
        {
            font-size:14px;
        }*/
   
         /* #block-249
         {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
   
         }
         #block-301
         {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
   
         }
         #block-126
       {
             position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
       }
           #block-31
           {
               position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
           }
           #block-10
           {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
           }
             #block-358
           {
                position:absolute;
             top:360px!important;
             left:400px!important;
             font-weight:bold!important;
             font-size:23px;
             line-height:1px;
           }*/
           .hwr-form-title
           {
               line-height:25px;
           }
            .threeLines
           {
               position:absolute!important;
               top:45px!important;
           }
       }
   
       @media screen and (min-width:1025px) /*and (orientation:landscape)*/
       {
            .hide
         {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         } 
   
          a.linktext1
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         } 
   
       }
   
       @media screen and (min-width:712px) and (max-width:1024px) and (orientation:landscape)/*between* ipad landscape*/
       {
           .threeLines
           {
               position:absolute!important;
               top:25px!important;
           }
             .container
               {
                /* height:100%;*/
                 width:100%;
                 text-align:center;
                 background-color:white;
                   /*display:inline-block;*/
   
               }
             .square
             {
   
                margin:auto;
                 width:12em;
                 text-align:left;
   
               }
           .words
           {
               width:100%;
               height:240px;
               /*color:red;*/
           }
            a.linktext1
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         }
   
         .socialicons
         {
           position:absolute!important;
             top:360px;
             left:700px!important;
   
         }
         .topphone
         {
             font-weight:bold;
         }
       }
       @media screen and (min-width: 681px) and (max-width:711px) and  (orientation:landscape)
       {
           .container
               {
                /* height:100%;*/
                 width:100%;
                 text-align:center;
                 background-color:white;
                   /*display:inline-block;*/
   
               }
             .square
             {
   
                margin:auto;
                 width:14em;
                 text-align:left;
   
               }
               a.linktext1
              {
                 position: absolute !important;
                top: -9999px !important;
                left: -9999px !important;
   
         }
         .words
         {
             width:100%;
         }
         .topphone
         {
             font-weight:bold;
             letter-spacing:-1px;
         }
         .socialicons
         {
             position:absolute!important;
             left:451px!important;
             top:319px!important;
         }
   
       }
       @media screen and (max-width: 680px) and (orientation:landscape)
   
         {
                           #wrapper-4,#wrapper-5,#wrapper-9,#wrapper-10,#wrapper-11,#wrapper-12,#wrapper-13,#wrapper-14,#wrapper-15,#wrapper-16,#wrapper-17/*stops from scrolling horizontal*/
                        {
                              width:auto;
                             overflow: hidden;
                             padding :0.5em;
                        }
   
                       .hide  /*logo*/
                         {
   
                           width:68%;
                           height: 185px;
                            /*display: block;*/
                           margin: auto !important;
                         }
                       .footerlogos
                       {
                            position: absolute !important;
                              top: -9999px !important;
                              left: -9999px !important;
                       }
                            .container
                           { 
   
                             width:100%;
                             text-align:center;
                             background-color:white;
                               /*display:inline-block;*/
   
                           }
                         .square
                         {
   
                            margin:auto;
                             width:20em;
                             text-align:left;
   
                           }
   
                            .words
                             {
                                width:100%;
                                font-size:16px;
                                 height:180px;
                               text-align:center;
                             }
   
                       #block-72 li.widget
                           {
                             margin-bottom:2%;
                           }
                       .title
                          {
                            /*display:inline-block;*/
                           font-size:18px;
                           padding-bottom:5px;
                           /*color:#444444;*/
                         }
   
                       #block-73 li.widget
                         {
                           margin-top:5%;
   
                         }
   
                      .insideimg
                     {
   
                       height:auto;
                       width:300px;
                       float:right;
   
                     }
   
                     a.linktext2
                     {
                       position: absolute !important;
                      top: -9999px !important;
                      left: -9999px !important;
                     }
                     .centerlink
                     {
                       text-align: center;
                     }
   
                     .corporateoffice
                     {
                       font-color:black!important;
                       font-size:17px!important;
                       font:semi-bold;
                       white-space:nowrap !important;
                     }
                     .officetext
                     {
                       font-size:16px!important;
                     }
   
                    .socialicons
                    {
                         display:inline-block;
                      /* background-color:grey!important;*/
                       position:relative;
                       left:350px;
                       top:-15px!important;
                       z-index:2;  
   
                    }
   
                   a.linktext
                   {
                     color:#464646 !important; font-size:20px;
                   }
                   a.linktext1
                   {
                     color:#464646 !important; font-size:20px;
                   }
                     .block-type-hwr-contact #hwr-contact-27 .hwr-form-title
                     {
                         line-height:90%;
                       }
   
                     .contact
                       {
                           background:blue!important;
                           display:inline!important;
                           /*position:absolute!important;*/
                           top:19px!important;
   
                       }
   
                     .topphone
                     {
                         position:relative;
                          top:215px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:blue!important;*/
   
                     }
                   /*    #block-249
                     {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                     }
                     #block-301
                     {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                     }
                     #block-126
                   {
                        position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                   }
                       #block-31
                       {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                       }
                       #block-10
                       {
                           position:absolute;
                         top:230px!important;
                         left:5px!important;
                         font-weight:bold!important;
   
                       }
                       */
                       .customheader
                       {
                           position: absolute !important;
                          top: -9999px !important;
                          left: -9999px !important;
                       }
                       /*.threeLines
                       {
                           position:absolute!important;
                           top:25px!important;
                       }*/
       }
   
        @media screen and (width:640px) and (orientation:landscape)
        {
   
               .threeLines
                     {
                  position:absolute!important;
                 top:40px!important;
                      }
            #block-66
            {
                position:absolute!important;
               top:286px!important;
            }
                  #block-358
                     {
                         position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:red!important;*/
   
                     }
   
              #block-249
                     {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:orange!important;*/
   
                     }
                     #block-301
                     {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                        /* background:pink!important;*/
   
                     }
                     #block-126
                   {
                        position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:purple!important;*/
                   }
                       #block-31
                       {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                        /* background:green!important;*/
                       }
                       #block-10
                       {
                           position:absolute;
                         top:286px!important;
                         left:5px!important;
                         font-weight:bold!important;
                         /*background:grey!important;*/
                       }
        }
          @media screen and (width:603px)
          {
              .topphone
              {
                   font-weight:bold;
               }
               #block-172
               {
                  position: absolute !important;
               top: -9999px !important;
               left: -9999px !important;
               }
                .container
                   {
   
                     width:100%;
                     text-align:center;
                     background-color:white;
   
                   }
                 .square
                 {
                    margin:auto;
                     width:15em;
                     text-align:left;
   
                   }
                   .socialicons
                   {
                       position:absolute!important;
                       top:300px!important;
                       left:400px;
                   }
          }
           @media screen and (width:600px) and (orientation:portrait)/*tablet 7 inch*/
           {
                   .container
                   {
   
                     width:100%;
                     text-align:center;
                     background-color:white;
   
                   }
                 .square
                 {
                    margin:auto;
                     width:12.85em;
                     text-align:left;
   
                   }
                 /*a.linktext1
                   {
                       position: absolute !important;
                      top: -9999px !important;
                      left: -9999px !important;
                   }*/
                 .centerlink
                 {
                   text-align: center;
                 }
                 .socialicons
                 {
                     position:absolute!important;
                     top:224px!important;
                     left:440px!important;
                    /*background:red!important;*/
                 }
                 .topphone
                 {
                     left:40px;
                     font-weight:bold;
                 }
               .footerlogos
                 {
                   display:hidden;
                 }
   
           }
       /*@media only screen and (device-height:568px) and (device-width:320px) and (-webkit-min-device pixel-ratio:2) and (orientation :landscape) *//*iphone 5*/
         @media screen and (device-aspect-ratio: 40/71) and (orientation:landscape)
         {
   
              .container
               {
   
                 width:100%;
                 text-align:center;
                 background-color:white;
   
               }
             .square
             {
                 margin:auto;
                 width:18em;
                 text-align:left;
   
               }
   
               #block-66
               {
   
                   font-size:10px!important;
   
                   }
                   .words
                   {
                       height:205px;
                       font-size:18px;
                   }
                   .officetext
                   {
                       font-size:10px!important;
                   }
                   .corporateoffice
                   {
                       font-size:12px!important;
                   }
                   .topphone
                   {
                       top:230px;
                   }
   
               }
       @media screen and (min-width:533px) and (max-width:560px) and (orientation:landscape)/*HTC Desire*/
       {
            container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:15em!important;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
   
           #block-66
           {
               position:absolute!important;
               top:265px!important;
               left:75px!important;
           }
            #block-358
                     {
                         position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                         /*background:red!important;*/
   
                     }
   
              #block-249
                     {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                         /*background:orange!important;*/
   
                     }
                     #block-301
                     {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                        /* background:pink!important;*/
   
                     }
                     #block-126
                   {
                        position:absolute;
                         top:265px!important;
                         left:75px!important;
   
                         /*background:purple!important;*/
                   }
                       #block-31
                       {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
                         font-weight:bold!important;
                        /* background:green!important;*/
                       }
                       #block-10
                       {
                           position:absolute;
                         top:265px!important;
                         left:75px!important;
                         font-weight:bold!important;
                         /*background:grey!important;*/
                       }
       }
        @media screen and (width:533px) and (orientation:portrait)
       {
   
             container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:15em!important;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
         .socialicons
         {
   
             position:absolute!important;
             top:235px!important;
             left:400px!important;
         }
         .topphone
         {
             left:35px;
             font-weight:bold!important;
         }
   
       }
   
       @media screen and (min-width:481px) and (orientation:portrait)
       {
           container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:15em;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
          a.linktext2
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
           .words
           {
               width:100%;
   
           }
          .topphone
          {
              font-weight:bold;
              /*position:absolute;
              left:35px;*/
          }
          .socialicons
          {
              left:350px;
              top:225px;
          }
       }
   
       @media screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape)
        /*@media only screen and (max-width:500px) and (orientation:landscape)*/
       {
   
           .container
               {
   
                 width:100%;
                 text-align:center;
                 background-color:white;
   
               }
             .square
             {
   
                 margin:auto;
                 width:15em!important;
                 text-align:left;
   
               }
   
             .words
             {
               width:100%;
               height:203px;
               text-align:center;
               font-size:16px!important;
   
             }
   
         .officetext
         {
           font-size:12px!important;
         }
         .coporateoffice
         {
           font-size:14px!important;
         }
   
         .contact1{
           position:absolute;
           top:2050px!important;
           margin-top:0px;
   
         }
   
       .topphone
       {
           position:absolute!important;
          left:125px!important;
           top:165px!important;
           font-weight:bold;
   
       }
   
         .socialicons
         {
           position:absolute;
           left:300px!important;
           top:150px!important;
         }
   
        /* #block-358
         {
             position:absolute;
             top:220px!important;
             left:50px!important;
             font-weight:bold!important;
   
         }
         #block-249
         {
               position:absolute;
             top:220px!important;
            left:50px!important;
             font-weight:bold!important;
   
         }
         #block-301
         {
               position:absolute;
             top:220px!important;
              left:50px!important;
             font-weight:bold!important;
   
         }
         #block-126
       {
            position:absolute;
             top:220px!important;
              left:50px!important;
            font-weight:bold!important;
       }
           #block-31
           {
               position:absolute;
             top:220px!important;
             left:50px!important;
             font-weight:bold!important;
           }
           #block-10
           {
               position:absolute;
             top:220px!important;
              left:50px!important;
            font-weight:bold!important;
           }*/
   
       }
       @media screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait)/*small devices*/
   
       {
   
         .hide/*logo*/
         {
           margin-top:10%;
          margin-bottom:2px;
          display:block;
         }
        a.linktext2
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
         .container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:100%;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
   
       .words
       {
           color:white;
           font-size:18px;
           text-align:center;
           background-color:#990913;
           width:100%;
           height:150px;
   
       }
       .title
        {
           width:100%;
         }
   
         #block-73 li.widget
         {
           margin-top:30%;
   
         }
   
       #block-66
        {
            position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
       }
       #block-358
         {
             position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
   
         }
         #block-249
         {
              position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
   
         }
         #block-301
         {
             position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
   
         }
         #block-126
       {
            position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
       }
           #block-31
           {
              position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
           }
           #block-10
           {position: relative;
           top: 45px!important;
           padding-left:60%;
           font-weight:bold !important;
           z-index:3;
           line-height:4px;
           }
   
         .insideimg
         {
   
           height:120px;
           width:140px;
           float:right;
          }
          .centerlink {
           text-align: center;
         }
         .footer
         {
           color:black!important;
           font-size:20px;
         }
   
          .fb
         {
           background:white;
         }
         .fb-hide
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
         .insideimg
         {
   
           height:auto;
   
           float:right;
   
         }
       }
       @media screen and (max-width: 319px)
       {
             .container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:20em;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
         .words
         {
             width:100%;
         }
       a.linktext2
         {
           position: absolute !important;
          top: -9999px !important;
          left: -9999px !important;
         }
   
       }
       @media screen and (min-width:0px) and (max-width:319px) and (orientation:portrait)
       {
           .container
         {
               width:100%;
           	text-align:left;
           	height:auto;
            background-color:white;
           }
         .square{
            margin:auto;
           width:14em;
           text-align:left;
           display:inline-block;
            background-color:white;
   
         }
         .words
         {
             height:250px;
         }
   
       }
       ```
   
 * This is the new code. I am still trying to move .topphone in the media query 
   [@media](https://wordpress.org/support/users/media/) screen and (max-width: 680px)
   and (orientation:landscape)
 *  [RossMitchell](https://wordpress.org/support/users/rossmitchell/)
 * (@rossmitchell)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262296)
 * Have you given your website to the CSS validator at W3C, this will sometimes 
   find syntax and code errors.
    [http://validator.w3.org/](http://validator.w3.org/)
 * Suggest that you install a browser inspector like firebug, it shows you how your
   html is formed and how your css is working. All the browsers have similar tools,
   maybe you have to change the media criteria to test a different block of CSS.
 * Is your site on the net yet ?
    It would help us help you if you included a link
   to your website.
 *  [janet4now](https://wordpress.org/support/users/janet4now/)
 * (@janet4now)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262297)
 * This is his link: [http://sandbox.mercomcorp.com/](http://sandbox.mercomcorp.com/)
 * Is this where you got your theme from? [http://headwaythemes.com/](http://headwaythemes.com/)
 *  Thread Starter [csmoses](https://wordpress.org/support/users/csmoses/)
 * (@csmoses)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262301)
 * Yes [@janet4now](https://wordpress.org/support/users/janet4now/) that is where
   I got my theme from
 *  Thread Starter [csmoses](https://wordpress.org/support/users/csmoses/)
 * (@csmoses)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262302)
 * [@rossmitchell](https://wordpress.org/support/users/rossmitchell/)
    Thanks I 
   have already done that
 *  [rumathi](https://wordpress.org/support/users/rumathicom/)
 * (@rumathicom)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262304)
 * i think you should use the validator from w3 org

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS not responding’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [responsive design](https://wordpress.org/support/topic-tag/responsive-design/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 5 participants
 * Last reply from: [rumathi](https://wordpress.org/support/users/rumathicom/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/css-not-responding-2/#post-5262304)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics