
Closed
Posted
Paid on delivery
My website displays perfectly on desktop, yet on mobile phones and tablets the text tells a different story—font sizes jump unpredictably, sections slip out of alignment, and some blocks even split the layout. Images, menus and other assets behave, so the scope is focused strictly on text and formatting. I need a front-end developer who can dive into the current CSS/HTML, pinpoint why the existing media queries are failing, and rewrite or replace them so typography stays consistent and every heading, paragraph and button lines up from 320 px through typical tablet widths. Feel free to employ modern approaches—flexbox, grid, rem/em units or utility frameworks such as Bootstrap or Tailwind—so long as the code remains clean and maintainable. Please test thoroughly on Android Chrome and iOS Safari across common breakpoints before handing anything over. Deliverables • Revised CSS (or clearly-commented overrides) and any required HTML tweaks • Before/after screenshots for iPhone SE, iPhone XR, Pixel 5, iPad 10.2″ and iPad Mini • Brief change log outlining what was fixed and where Acceptance criteria • Font sizes scale predictably; no text clipping or overflow at 320 px width • No layout breaks or unintended horizontal scrolling on phones or tablets • Alignment mirrors the desktop design up to 1024 px width
Project ID: 40560105
144 proposals
Remote project
Active 2 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
144 freelancers are bidding on average $23 USD for this job

Hello, I’ve carefully read your complete requirements, and it would be an honor to fix the mobile text responsiveness issues on your website. With 14+ years of experience in HTML, CSS, responsive web design, and cross-browser compatibility, I can identify the root cause of the typography and layout issues and implement a clean, maintainable solution. I will optimize your media queries, refine typography using modern responsive techniques (Flexbox/Grid, rem/em units), eliminate text overflow and alignment issues, and thoroughly test the website across Android Chrome and iOS Safari on the specified devices. You'll receive clean, well-commented code, before-and-after screenshots, and a detailed changelog outlining every improvement made. **The budget and timeline can be discussed further** based on the current website structure and the scope of the required fixes. Please check my profile to see my reviews and ratings from satisfied clients, reflecting the quality and reliability of my work. I look forward to helping you achieve a flawless mobile experience. Warm regards, Harpreet Singh
$20 USD in 5 days
9.5
9.5

Hi there, I can help resolve the text and layout issues you're experiencing on mobile devices for your website. It sounds like an inconsistency in responsive design, and I have the right skills to address it effectively. To fix the jumping font sizes and misaligned sections, I will conduct a thorough review of your current CSS and HTML structure, focusing on how Bootstrap and Tailwind CSS have been implemented. Adjustments will be made to ensure consistent typography across different screen sizes, using flexible units and media queries. I will also look into leveraging responsive utility classes in Tailwind CSS for better control over layout behaviors in different viewports. Let's enhance your website's mobile readability and ensure a seamless experience on both phones and tablets. Best Regards, Khorshed Alam, RS Software
$37 USD in 2 days
9.6
9.6

Hi, I can see the real issue isn’t just “mobile text” , it’s a responsive CSS system that has lost consistency across breakpoints. I’ll trace the current HTML/CSS, isolate the media-query conflicts, and rebuild the typography and spacing rules so headings, paragraphs, and buttons stay aligned from 320px up through tablet widths. I’ve handled similar front-end fixes in WordPress, custom PHP sites, and Bootstrap/Tailwind layouts, including responsive overrides, rem/em cleanup, and cross-browser testing on Android Chrome and iOS Safari. I’ll make the updates clean and maintainable, then verify there’s no overflow, clipping, or unintended horizontal scrolling. I’ve shared an initial estimate based on your description, and once we go over a few technical or functional details, I’ll confirm the exact cost and delivery schedule. Could you share the page URL or the current CSS files, and let me know if the site uses Bootstrap, Tailwind, or custom styles? Do you want the fix applied as direct stylesheet edits or as safe override files? Are there any specific pages where the text breaks most noticeably? Looking forward to your reply so we can finalize the exact plan. Best regards, Asad
$30 USD in 3 days
8.3
8.3

Hi, I will thoroughly analyze the existing CSS/HTML code to identify the root cause of the text responsiveness issues on mobile devices. By utilizing modern front-end development techniques such as flexbox, grid, and responsive units, I will ensure consistent typography and layout alignment across various screen sizes. Let's discuss further to delve into the details. Regards, Sai Bhaskar
$30 USD in 1 day
7.8
7.8

Hello, I can help with your "Mobile Text Responsive Fixes" project. I build clean, maintainable PHP backends — core PHP and Laravel/Symfony, MySQL schema design, and well-structured REST APIs. For work involving php, css, typography, html5, html, bootstrap, frontend development, tailwind css, I pay close attention to validation, security, and readable code, delivering in small, testable milestones. You'll get clean commits and clear documentation. Could we discuss the specifics before I firm up the timeline? ⭐ 5.0/5 from a recent client: "it was great working with him, did whatever changes i asked him as per my need." Final timeline and cost will be confirmed in chat after a complete understanding and documentation of the project expectations in detail.
$24 USD in 1 day
7.5
7.5

Hello, I see that you're dealing with some frustrating text and formatting issues on mobile devices. Your website looks great on desktops, but it sounds like the text jumps around and doesn’t align properly on smaller screens. With 7+ years of experience in front-end development, I can help you pinpoint the problems with your CSS and media queries. I’ll ensure that the typography stays consistent across various devices, using modern techniques like flexbox and grid to keep everything tidy and maintainable. I’ll make sure to test everything thoroughly on both Android Chrome and iOS Safari, providing before and after screenshots for the specified devices. Just to clarify, are there any specific design guidelines or styles that you want to maintain while fixing these issues? Best regards, Ivan Mandinski
$15 USD in 1 day
7.5
7.5

Hello It sounds like your responsive design is breaking down on mobile devices, which is likely hurting your conversion rates and SEO. I specialize in fixing CSS media query conflicts and layout overflows to ensure a seamless transition between desktop and mobile. I recently completed a similar responsive overhaul that improved mobile load times and navigation for a client’s e-commerce site. Are you available for a quick chat to go over your site's current mobile issues? Giáp Văn Hưng
$20 USD in 7 days
7.0
7.0

Hi, I can quickly identify and fix the mobile responsiveness issues on your website while preserving the existing desktop design. For your project I will: • Audit your current HTML/CSS and media queries • Fix inconsistent font sizes, spacing, and text alignment • Resolve layout breaks and eliminate horizontal scrolling on mobile and tablet devices • Use modern responsive techniques (Flexbox, Grid, rem/em units) while keeping the code clean and maintainable • Test thoroughly on Android Chrome and iOS Safari across the requested breakpoints • Provide commented CSS/HTML updates, before/after screenshots, and a detailed changelog I have strong experience with **HTML, CSS, Bootstrap, Tailwind, Flexbox, Grid, and responsive web design**, and I can complete the fixes without affecting your desktop layout. Estimated turnaround: 1–2 days. I'm available to start immediately. Regards, Khurshid Ahmed
$15 USD in 1 day
7.1
7.1

Hello, Thank you for viewing my proposal. I’ve carefully reviewed your project requirements, and I’m confident that I can fix your Mobile responsive issues & make your website fully responsive for all devices. If you’re available, I’d love to discuss your project further and get started right away. Looking forward to hearing from you. Best regards, Adil
$30 USD in 1 day
6.4
6.4

As an experienced Digital Marketing professional breaking new grounds in the SEO and Brand Development space, I fully understand the importance of maintaining a consistent, clean and user-friendly interface. My team and I have hands-on experience in various Front End scripting languages, especially CSS and HTML, including Bootstrap and TailwindCSS. With our expertise in Mobile Responsiveness and our commitment to producing measurable and enduring results, we are undoubtedly the perfect fit for your project. We assure you that we will thoroughly examine the existing media queries within your CSS/HTML structure to pinpoint exactly where things are going awry for mobile devices. Be it adopting more modern approaches such as Flexbox or Grid, we will make sure your typography remains consistent across different screen sizes. Our skills also include testing on different devices on multiple platforms, ensuring all necessary tweaks are made to not only fix text and formatting issues but also eliminate unintended breaks and horizontal scrolling. For us at Marediasoft, the ultimate goal is complete customer satisfaction, which is why we guarantee effortless font scaling without text clipping or overflow even at 320 px width. Moreover, we vow to ensure that your layout stays intact with no misalignment or unpredicted scrolling on phones or tablets.
$19 USD in 1 day
6.1
6.1

Hello, You've mentioned the need for a front-end developer to address text and formatting issues on your website for mobile phones and tablets. I have extensive experience in CSS and HTML, with a recent project involving similar responsive fixes for a client's website. For your project, my approach would be to thoroughly analyze the existing CSS and HTML, identify the root cause of the text display issues, and implement modern techniques such as flexbox or grid to ensure consistent typography and layout across different devices. Before handing over the deliverables, I will conduct rigorous testing on Android Chrome and iOS Safari to ensure optimal performance. To get a better sense of my skills, please visit my portfolio: https://www.freelancer.com/u/SajidaSaqira/SS-Technologies I would appreciate the opportunity to discuss your project further and explore how I can help improve the responsiveness of your website. Best regards, Sajida Saqira
$22 USD in 7 days
6.1
6.1

Hello, I came across your Mobile Text Responsive Fixes and I am very interested in working with you. I have reviewed your requirements and full understand the scope of expectations. I specialize in PHP, CSS, HTML, and have successfully delivered similar projects before. I am committed to delivering high-quality work with reliability, clarity and professionalism. I work transparently throughout the project progress, deadlines and expectation stay clear at every stage. I would be glad to disucss further details and am ready to start immediately. Looking forward to hearing from you. Regards. Anum
$100 USD in 1 day
6.0
6.0

This is a classic media-query/unit issue — usually fixed font sizes (px) not scaling with viewport, breakpoints missing intermediate widths, or containers using fixed widths instead of flex/grid that force text to overflow. I'll switch typography to rem/clamp() where it makes sense so it scales predictably from 320px up, rebuild the failing breakpoints, and fix the specific overflow/misalignment spots. I'll test on real breakpoints for iPhone SE/XR, Pixel 5, iPad 10.2"/Mini as you asked and hand over before/after screenshots plus a short change log. Can you share the site URL (or a staging link) so I can see exactly which sections are breaking before I start?
$28 USD in 7 days
6.1
6.1

Having worked as a Web Engineer for over a decade, I can confidently say that your mobile text responsive fixes will be in safe hands with me. My expertise in CSS and HTML5 is what you need to solve the font sizing, layout alignment and other issues you've been experiencing on mobile devices. Using my skills, I'll be able to dive into your existing codebase and forthrightly identify the causes of these problems in the media queries. But it doesn't stop there - I ensure optimized, clean and maintainable code using modern tools like flexbox, grid, Bootstrap or Tailwind. My designs are always user-friendly and maintain high functionality, something that's crucial when working with text elements. To meet your acceptance criteria and more, I will thoroughly test the changes on Android Chrome and iOS Safari using common breakpoints before delivering the revised CSS/HTML files to you. Beyond problem-solving skills, let me also assure you that I am a punctual professional who values open communication for remarkable outcomes. I'll provide detailed change logs and visuals of 'before' and 'after' screenshots for different models including iPhone SE, XR, Pixel 5, iPad 10.2" and iPad Mini. Let's not waste any time in giving your website the mobile perfection it deserves!
$11 USD in 1 day
6.1
6.1

When desktop layout looks fine but mobile text breaks, it usually comes from conflicting media queries mixed with fixed px typography that behaves inconsistently across iOS Safari and Android Chrome. A stable fix comes from rebuilding the type system on rem with clamp-based scaling for headings, cleaning breakpoint hierarchy, and removing override-heavy CSS that causes font jumps and misalignment. Layout alignment is then stabilized through flex and grid normalization so text containers behave consistently from 320px through tablet widths without overflow or section drift across browsers. After that, typography consistency can be validated across iPhone SE, iPhone XR, Pixel 5, iPad Mini and iPad 10.2 with before/after comparison screenshots and clean breakpoint behavior throughout. Is your current CSS custom-built or based on a framework like Bootstrap or Tailwind, and are media queries centralized or scattered across components? Best regards, Fizza Nadeem K
$15 USD in 3 days
6.0
6.0

As a seasoned front-end developer with a focus on creating clean, maintainable code, I want to assure you that I can tackle your specific project needs. My extensive experience includes working with CSS, HTML and solving the complex issues that arise on mobile devices with regards to text and formatting. I understand how important consistent typography and layout are for a website's appearance across different devices and resolutions. To that end, I stay up to date with the latest responsive design strategies such as flexbox, grid, rem/em units as well as utility frameworks like Bootstrap, and Tailwind – all of which I am proficient in. This allows me to identify website issues accurately and create relevant solutions. Furthermore, testing is a step I never skip. I'll meticulously ensure that everything looks perfect on popular Android Chrome and iOS Safari browsers at various breakpoints before submitting the revised CSS. My journey doesn't end there though; even after delivery, I'll offer support whenever necessary, ensuring your satisfaction and smooth sailing for your visitors on all screen sizes. Let's work together on this!
$10 USD in 1 day
5.6
5.6

Hello I reviewed your Mobile Text Responsive Fixes project and it aligns well with my experience fixing responsive layout issues improving mobile typography and ensuring websites display correctly across all screen sizes Challenge Text layout issues on mobile devices can affect readability user experience and overall website quality Problems such as overflowing text inconsistent spacing incorrect font sizes and broken layouts need precise fixes without affecting the desktop version Solution I can quickly identify and resolve all mobile text responsiveness issues by adjusting CSS media queries typography spacing alignment line height and layout behavior I will ensure the website looks clean and consistent across Android iPhone tablets and major browsers while keeping the existing design intact A few questions Is the website built with plain HTML CSS WordPress React or another framework Which pages are currently affected by the mobile text issues Do you have screenshots or a list of the problems that need to be fixed Will I be working on a live website or a staging environment Thanks
$60 USD in 7 days
5.6
5.6

As a full-stack developer with extensive experience in responsive web design, I'm confident that I can bring your website's mobile text issues to an end. My familiarity with CSS and HTML, specifically tailored for cross-platform compatibility, enables me to efficiently identify and resolve media query errors – the foremost cause of inconsistent text layouts. As you've mentioned, employing modern approaches is totally in my wheelhouse, be it flexbox or grid layouts or even frameworks like Bootstrap or Tailwind – always ensuring code maintenability.
$20 USD in 7 days
5.4
5.4

As a Full-Stack Developer with a strong focus on front-end development, I believe I possess the precise skills and deep comprehension of CSS/HTML that this project needs. I've spent over 6 years navigating complex challenges similar to yours. My proficiency in employing modern approaches such as flexbox, grid, rem/em units or utility frameworks like Bootstrap or Tailwind while maintaining clean and maintainable code makes me an ideal candidate for your project. Having specialized in website and mobile app development for both Android and iOS, I am well-versed in ensuring responsive designs and optimal user experience across various breakpoints. Besides, my extensive understanding of React JS, Next JS, Express JS combined with my experience working with Android Chrome and iOS Safari across numerous devices has provided me with valuable insights and enabled me to troubleshoot issues promptly and effectively. To further demonstrate my capabilities, I can deliver revised CSS (or clearly-commented overrides) along with necessary HTML tweaks, before/after screenshots for each device mentioned, and a change log detailing all the fixes implemented. Having consistently delivered projects on time while surpassing clients' expectations is something I take pride in. Let's collaborate to transform your website's mobile text responsiveness into an asset that reflects your desired consistency at each breakpoint.
$50 USD in 1 day
5.2
5.2

Hi, this is almost always a missing or broken responsive setup - the CSS isn't telling your text how to resize and wrap on smaller screens, so it looks clean on desktop but falls apart on phones and tablets. Here's how I'd fix it: first I'll open your site on a few different phone and tablet sizes and note exactly where text overlaps, shrinks too small, or spills out of its box. Then I'll go through the CSS and your Bootstrap breakpoints and correct the font sizing, line spacing, and container widths so everything scales properly at each screen width instead of just being squeezed down from desktop. Last, I'll test it on real devices (not just a browser resize) and send you a quick before/after so you can check it on your own phone before anything is called finished. Since it's a small focused job I'll take my time to check it across a handful of common screen sizes rather than rush a patch that just breaks again on the next update - about 2-3 days total. Regards, Imtiaz, SecureTechs
$30 USD in 1 day
4.9
4.9

amman, Jordan
Payment method verified
Member since Jan 16, 2016
$10-30 USD
$250-750 USD
$250-750 USD
$750-1500 USD
$250-750 USD
£20-250 GBP
$10-30 USD
₹1500-12500 INR
$30-250 USD
₹1500-12500 INR
₹600-1500 INR
$250-750 USD
£20-250 GBP
$30-250 CAD
₹12500-37500 INR
$20 USD
₹600-1500 INR
€12-18 EUR / hour
$50 USD
₹100-400 INR / hour
$250-750 USD
₹1500-12500 INR
$30-250 USD
$30-250 USD
$8-15 USD / hour