SHARE
TWEET

Siren Marine Homepage Mobile Styling

a guest Dec 9th, 2012 437 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /******************************* MOBILE DESIGN *******************************/ @media (max-width: 768px) {
  2.  
  3.         .hidden-phone, .footerWidgets,.footer .paymentOptions {
  4.         display: none !important;
  5.         }
  6.                
  7.         body,#whitewrap,div.wrapper,div.wrap2,.home #whitewrap, .home div.wrap2 {
  8.                 background-image: none;
  9.         }
  10.        
  11.         .footer {
  12.                 color:#000;margin: 0px;top:0px;
  13.         }      
  14.        
  15.         .footer .copyright a,.footer .copyright {
  16.                 color: #000;
  17.         }      
  18.        
  19.         .footer .social-icons {
  20.                 display: block;
  21.                 text-align: center;
  22.                 clear:both;
  23.                 margin: 0px auto;
  24.                 text-align: center;
  25.                 position: relative;
  26.                 left:0px;bottom:0px;
  27.         }      
  28.        
  29.         .footer .social-icons a {
  30.                 float:none;
  31.         }      
  32.        
  33.         .footer .appStore {
  34.                 display: block;
  35.                 clear: both;
  36.                 float:none;
  37.                 position: relative;
  38.                 text-align: center;
  39.                 top:0px;
  40.                 left:0px;
  41.         }      
  42.        
  43.         .block-type-content div.entry-content div.left-col {
  44.                 width: 100%;
  45.                 background-image: none;
  46.                 float:none;
  47.         }      
  48.        
  49.         .block-type-content div.entry-content div.right-col {
  50.                 display: none;
  51.         }      
  52.        
  53.         .home .block-type-content {
  54.                 background: none;
  55.         }      
  56.        
  57.         .block-type-header {
  58.                 margin: 10px 0px;
  59.         }      
  60.        
  61.         .homeCTA, .interiorCTA {
  62.                 text-align: center;
  63.                 border-top:1px solid #eee;
  64.                 border-bottom:1px solid #eee;
  65.                 padding-bottom:10px;
  66.         }      
  67.                
  68.         .search {
  69.                 text-align: center;
  70.         }      
  71.        
  72.         form#searchform {
  73.                 float:none;
  74.         }      
  75.        
  76.         .footer .menu-footer-menu-container ul li a {
  77.                 color: #000;
  78.         }      
  79.        
  80.         .homeCTA img,.homeCTA a,.interiorCTA a, .interiorCTA img {
  81.                 clear:both;
  82.                 display: block;
  83.                 float:none;
  84.                 margin:0px auto
  85.         }      
  86.        
  87.         .announcement,.topNav {
  88.                 background: #f15a22;
  89.                 margin:0px;
  90.         }      
  91.        
  92.         .announcement li.widget {
  93.                 text-align: center;
  94.         }      
  95.        
  96.         .block-type-navigation .nav-align-right ul {
  97.                 text-align: center;
  98.         }      
  99.        
  100.         #post-list-item {
  101.                 float: none;
  102.                 width: 90%;
  103.                 margin: 15px 10px;
  104.                 clear:both;
  105.         }      
  106.        
  107. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top