By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,089 Members | 2,254 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,089 IT Pros & Developers. It's quick & easy.

Using media query and some of my css classes won't move?

P: 2
I am making a responsive site sandbox.mercomcorp.com
Expand|Select|Wrap|Line Numbers
  1. @media screen and (device-width:800px) and (orientation:landscape)
  2.   {
  3.        html, body {
  4.       background:white!important;
  5.   }
  6.  
  7.      .container
  8.         {
  9.           height:100%;
  10.           width:100%;
  11.           text-align:center;
  12.           background-color:white;
  13.             display:inline-block;
  14.  
  15.         }
  16.       .square
  17.       {
  18.          margin:auto;
  19.           width:10.5em!important;
  20.           text-align:center;
  21.           display:inline-block;
  22.  
  23.         }
  24.  
  25.  
  26.            a.linktext1
  27.         {
  28.           position: absolute !important;
  29.            top: -9999px !important;
  30.            left: -9999px !important;
  31.         }
  32.  
  33.         a.linktext
  34.         {
  35.           color:#464646 ; font-size:18px;
  36.         }
  37.  
  38.         a.linktext2
  39.         {
  40.           color:#464646 ; font-size:18px;
  41.         }
  42.         .socialicons
  43.         {
  44.             z-index:2;
  45.             position:absolute!important;
  46.             top:150px!important;
  47.         }
  48.        #block-172
  49.        {
  50.             position: absolute !important;
  51.            top: -9999px !important;
  52.            left: -9999px !important;
  53.        }
  54. }
Is my css I am trying to pull up .socialicons but it is not moving.
Sep 9 '14 #1
Share this Question
Share on Google+
1 Reply


nomad
Expert 100+
P: 664
Hi csmoses:

top:150px!important;

You need to set either margin or padding to make the icon move down.

_damon
Sep 10 '14 #2

Post your reply

Sign in to post your reply or Sign up for a free account.