Find Jobs
Hire Freelancers

Adjust Fields on Mobile to 100% Width Using CSS

$10-30 USD

In Progress
Posted almost 6 years ago

$10-30 USD

Paid on delivery
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!
Project ID: 16635932

About the project

17 proposals
Remote project
Active 6 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
17 freelancers are bidding on average $22 USD for this job
User Avatar
Hello how are you? I am interesting about your project now would like to discuss with you more Please contact me Thanks.
$50 USD in 0 day
5.0 (368 reviews)
7.8
7.8
User Avatar
Hi there! I have more than 7 years of experience in html and css development. Please do not ignore me as a new profile. I can give you more quality work on time. Regards Ranit Majumder
$15 USD in 1 day
4.9 (163 reviews)
6.9
6.9
User Avatar
Hi there, I am expert CSS developer.I can adjust fields on mobile with 100% width using CSS. Would you like to start chat with me? Thanks
$30 USD in 2 days
5.0 (25 reviews)
5.4
5.4
User Avatar
HI i will make it look nice on both mobile and desktop. I am expert in html css We are a professional web designer and developer team. Experience in with HTML, CSS, JS, jQuery, PHP, Laravel,MySQL. Very familiar with WordPress , MAgento , wooCommerce , Bootstrap ,Plugins ,API's and its customization. we have a lot of experience in designing and development works. We can discuss any details over chat, Thanks :)
$30 USD in 0 day
5.0 (30 reviews)
4.4
4.4
User Avatar
Hi Sir, I have read your description and understand that you want todjust Fields on Mobile to 100% Width Using CSS. Dear Sir, I am Web Developer / designer. I assure you that I will complete this project with my skills. Thanks
$15 USD in 0 day
5.0 (19 reviews)
3.3
3.3
User Avatar
A proposal has not yet been provided
$15 USD in 2 days
5.0 (3 reviews)
2.3
2.3
User Avatar
Hello, I have over 5 years website experience and would love to help get this project completed for you. I take pride in my work and will work with you untill you are happy with the finished product. I have offered a lower price as i am attempting to get some jobs and reviews against my profile. Please contact me so we can discuss requirements and additional details.
$10 USD in 1 day
5.0 (3 reviews)
2.0
2.0
User Avatar
Hello sir, - I have a good experience in PHP, photoshop,bootstrap 3, CSS3 and HTML5. - I worked as independent designer and like a team player, remotely and in office. I know how to manage my time effectively. - I do not afraid overtimes and emergencies. During launching some critical projects I sleep next to servers to be sure that all go smoothly. - I use NetBeans for development, also can work under WAMP, LAMP.
$25 USD in 1 day
0.0 (0 reviews)
0.0
0.0
User Avatar
Greetings We would like to work on your project. We are experienced in providing you the required services. We are experts in Website Design and Development, Android App Development, Graphics Design, SEO, Digital Marketing. Looking forward for further discussion. Thanks Subhash Chandra
$25 USD in 5 days
0.0 (0 reviews)
0.0
0.0
User Avatar
HELLO ! I have successfully read the project I am working from last 1year I am sure i will complete your project without any issue My skills are :- * HTML * BOOTSTRAP * JAVASCRIPT * JQUERY * PHP * WORDPRESS * PHOTOSHOP I will do my best. I will provide you quality work according to your instruction. please consider me and give me a chance to impress you by my quality services. Thank You
$15 USD in 1 day
0.0 (0 reviews)
0.0
0.0
User Avatar
Hi, I've good knowledge on wordpress and from last 4 years working as wordpress developer. Can you please provide me ftp detail and admin access and I'll do it.
$25 USD in 1 day
0.0 (0 reviews)
0.0
0.0
User Avatar
Hi, in this attached CSS code is not the complete one because there is not the complete media CSS and is managed in it and as per my understanding on mobile top text box is not of the same size and looks bad. i will do it in few minutes.
$25 USD in 1 day
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED STATES
Fontana, United States
5.0
5
Payment method verified
Member since Jun 24, 2016

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.