more mobile fixes

This commit is contained in:
David 2017-03-26 23:14:10 -04:00
parent cbb5be9a37
commit c72df22e83

View File

@ -32,7 +32,7 @@ ul.nav li a:hover {border-bottom: 1px #FD9393 solid;}
.address {color: #FF4646; text-transform: uppercase; font-weight: 700;} .address {color: #FF4646; text-transform: uppercase; font-weight: 700;}
#selected {max-width: 400px; width: 100%; float: left; padding: 5px 10px;} #selected {max-width: 400px; width: 100%; float: left; padding: 5px 10px;}
#selected .description {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; } #selected .description {font-size: 14px; padding: 4px; line-height: 19px;}
#info {max-width: 400px; width: 100%; float: left; padding: 5px 10px;} #info {max-width: 400px; width: 100%; float: left; padding: 5px 10px;}
.store-details {text-transform: uppercase; font-size: 11px; letter-spacing: .1em; padding-right: 6px;} .store-details {text-transform: uppercase; font-size: 11px; letter-spacing: .1em; padding-right: 6px;}
@ -41,13 +41,13 @@ ul.nav li a:hover {border-bottom: 1px #FD9393 solid;}
#Stores tr td {padding: 2px 10px;} #Stores tr td {padding: 2px 10px;}
#viewInfo {cursor: pointer;} #viewInfo {cursor: pointer;}
#info p {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; } #info p {font-size: 14px; padding: 4px; line-height: 19px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px) { @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px) {
h1{font-size: 60px;} h1{font-size: 60px;}
body {margin: 0px; padding: 5px;} body {margin: 0px; padding: 5px;}
#wrapper {max-width: 460px; padding-top: 20px;} #wrapper {max-width: 460px; padding-top: 20px;}
#Stores, #map {min-width: 224px; width:100%;} #Stores, #map {min-width: 224px; width:100%;}
#map{width:100%;margin-left:0px;} #map,#info,#selected{width:100%;margin:10px 0px;padding:0;}
} }