Advertisement
Guest User

Siren Marine Homepage Mobile Styling

a guest
Dec 9th, 2012
552
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. }
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement