Adjust Fields on Mobile to 100% Width Using CSS
$10-30 USD
Dalam Kemajuan
Disiarkan sekitar 6 tahun yang lalu
$10-30 USD
Dibayar semasa penghantaran
Hi,
I need a CSS expert to adjust the following fields on my website.
They look great on mobile, but on Desktop, they look bad (please see photos).
I would like for the mobile version to look exactly the same, but align to 100% width, so it looks cleaner.
Here is the current CSS for this embedded widget (IDX Broker):
#IDX-quicksearchForm-46576 label {
color: #fff!important;
font-size: 12px;
text-transform: uppercase;
}
#IDX-qsSubmit-46576 {
background: #000 none repeat scroll 0 0 !important;
border: medium none;
color: #fff !important;
font-weight: none;
letter-spacing: 2px !important;
font-family: montserrat !important;
text-transform: uppercase;
height: auto !important;
padding: 9px !important;
border-radius: 0px !important;
}
#IDX-quicksearch-46576 input {
color: #999;
height: auto !important;
border: medium none;
padding: 11px;
font-family: montserrat !important;
border-radius: 0px !important;
}
#IDX-qsCityList-46576 {
border-radius: 0px !important;
text-transform: uppercase;
font-size: 12px;
color: #999!important;
height: auto !important;
padding: 9px!important;
border: none !important;
}
select {
-webkit-border-radius: 0px!important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#IDX-qsCityList-46576 {
height: 42px !important;
border-radius: 0 !important;
}
select {
-webkit-border-radius: 0px!important;
}
}
#IDX-quicksearch-46576 { text-align: center !important;border:none !important; box-shadow: none !important;}
.IDX-showcaseCell .IDX-showcaseContainer {
border: 1px solid #ddd!important;
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
padding-top: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
margin-top: 5px !important;
margin-right: 5px !important;
margin-bottom: 5px !important;
margin-left: 5px !important;
}
And again, I just need the CSS to add in order to make it look better on mobile!
Thanks!
ID Projek: 16635932
Tentang projek
17 cadangan
Projek jarak jauh
Aktif 6 tahun yang lalu
Ingin menjana wang?
Faedah membida di Freelancer
Tetapkan bajet dan garis masa anda
Dapatkan bayaran untuk kerja anda
Tuliskan cadangan anda
Ianya percuma untuk mendaftar dan membida pekerjaan
17 pekerja bebas membida secara purata $22 USD untuk pekerjaan ini
7.8
7.8
6.9
6.9
5.4
5.4
4.4
4.4
3.3
3.3
2.3
2.3
2.0
2.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
0.0
Tentang klien
Fontana, United States
5
Kaedah pembayaran disahkan
Ahli sejak Jun 24, 2016
Pengesahan Klien
Pekerjaan lain daripada klien ini
$10-30 USD
$10-30 USD
$10-30 USD
$30-250 USD
$12-25 USD / hour
Pekerjaan serupa
₹100-400 INR / hour
₹750-1250 INR / hour
$50-100 USD
$50-100 USD
$3000-5000 AUD
€2-6 EUR / hour
₹400-750 INR / hour
$10-30 USD
£10-20 GBP
$10-30 CAD
$30-250 CAD
$30-250 CAD
$25-50 USD / hour
$10-80 AUD
₹10000-25000 INR
$250-750 CAD
$10-30 USD
$25-50 CAD / hour
$250-750 USD
$8-15 USD / hour
Terima kasih! Kami telah menghantar pautan melalui e-mel kepada anda untuk menuntut kredit percuma anda.
Sesuatu telah berlaku semasa menghantar e-mel anda. Sila cuba lagi.
Salin ke papan keratan gagal, sila cuba lagi selepas melaraskan kebenaran anda.
Disalin ke papan keratan.
Memuatkan pratonton
Kebenaran diberikan untuk Geolocation.
Sesi log masuk anda telah luput dan telah dilog keluar. Sila log masuk sekali lagi.