
Completed
Posted
Paid on delivery
**Opdracht: WooCommerce / Divi mobiel layout probleem (CSS fix)** Ik heb een WooCommerce shop met Divi en mijn productoverzicht op mobiel staat niet goed. **Probleem:** * Producten staan links en niet gecentreerd * Rechts blijft lege ruimte zichtbaar * Layout lijkt beperkt tot smalle Divi row (~300px breed) * CSS fixes werken niet goed door conflicten met Divi / WooCommerce / plugin (Variation Swatches) **Wat ik wil:** * Op mobiel (≤767px): * Producten moeten **1 per rij** * Productkaart moet **gecentreerd** * Product moet **volledige breedte (max ~400–450px) gebruiken** * Geen lege ruimte links/rechts * Desktop en tablet moeten **ongewijzigd blijven** **Technische info:** * Theme: Divi * WooCommerce actief * Plugin: Variation Swatches (class: `wvs-archive-product-wrapper`) * Productlijst gebruikt: `[login to view URL] columns-4` (flex layout) **Belangrijk:** * Geen “quick hacks” (zoals left shifts) * Schone oplossing (CSS of Divi instellingen) * Compatibel met Divi responsive system **URL:** [login to view URL] Dit geldt voor hele websites producten moeten naast elkaar --- **Extra (optioneel):** Als bonus: mooie 2-koloms layout voor mobiel zonder dat afbeeldingen klein worden. --- Graag iemand die ervaring heeft met Divi + WooCommerce CSS.
Project ID: 40396235
51 proposals
Remote project
Active 22 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
51 freelancers are bidding on average €23 EUR for this job

With Divi and WooCommerce being my bread and butter for the past years, fixing your mobile layout issue will be a breeze. My skills in CSS and frontend development have been honed through numerous projects, allowing me to efficiently troubleshoot and resolve conflicts like the ones you're experiencing with variations swatches perfectly. Moreover, having used Divi extensively, I am intimately familiar with its system and can craft a clean solution that's both compatible with Divi's responsive design and aligns seamlessly with your theme's layout parameters. Rest assured, there will be no "quick hacks" or "left shifts," but rather a thorough and professional approach to improve the entire website's mobile display. Lastly, my past work experiences have allowed me to develop a keen eye for detail and highly structured approach to project management. This means not only will I address the core issue , but I'll also go above and beyond to deliver an additional solution - a beautiful two-column layout for better utilization of mobile real estate without compromising image sizes. Let's create a profoundly engaging, functional, and visually pleasing digital experience for your users together.
€30 EUR in 3 days
7.9
7.9

Hi, I’ve checked your issue and this is a classic Divi + WooCommerce archive layout conflict on mobile, most likely caused by fixed row widths + flex/grid constraints combined with the Variation Swatches wrapper affecting the product loop. This is not a design issue—it’s a CSS specificity + responsive override problem, and it can be fixed cleanly without touching desktop/tablet layouts. Why Me Experience fixing Divi + WooCommerce responsive conflicts Strong understanding of CSS specificity issues in builder-based themes Focus on clean, minimal overrides instead of risky structural changes Fast turnaround for layout bug fixes like this I can fix this quickly once I inspect the live DOM and apply a targeted mobile override that doesn’t interfere with your existing desktop design. Best regards, ADEEL
€15 EUR in 7 days
8.0
8.0

Hi, I have carefully reviewed the project requirements for fixing the mobile layout issue in your WooCommerce shop with Divi. To address the problems you are facing, I will analyze the CSS conflicts with Divi, WooCommerce, and the Variation Swatches plugin. I will implement a clean and responsive solution to ensure that the products display correctly on mobile devices while maintaining the desktop and tablet layouts unchanged. Let's discuss this further. Please start the chat. Regards, Sai Bhaskar
€11 EUR in 1 day
7.8
7.8

Hi I will fix divi mobile layout issue in your WordPress website. I will do it right now asap.
€8 EUR in 1 day
7.5
7.5

Hi, I can fix your Divi WooCommerce mobile layout—center products, full-width (1 per row), no empty space, and no impact on desktop. Best regards, Ihtsham
€19 EUR in 1 day
7.2
7.2

i am ready to start now it seems responsive issue will fix it within 30 mins INSHA ALLAH Have read your description of project very carefully. I'm a professional developer with 6 year experience as you can see my profile.
€30 EUR in 1 day
7.3
7.3

Hello Ik begrijp het probleem met uw Divi/WooCommerce mobiele layout. Mijn expertise ligt precies in het oplossen van dit soort responsive weergaveproblemen. Ik zorg voor een vlekkeloze, geoptimaliseerde mobiele ervaring die naadloos werkt. Laten we kort bespreken hoe ik dit snel en efficiënt voor u kan realiseren. Giáp Văn Hưng
€30 EUR in 7 days
6.8
6.8

Hello, I came across your project Divi / WooCommerce Mobiele Layout Probleemoplossing and I am very interested in working with you. I have reviewed your requirements and fully understand the scope and expectations. I specialize in PHP, WordPress, CSS, WooCommerce, Web Development, Frontend Development, Website Optimization, Web Design 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 so progress, deadlines, and expectations stay clear at every stage. I would be glad to discuss further details and am ready to start immediately. Looking forward to hearing from you. Regards, Anum
€40 EUR in 3 days
5.4
5.4

✔️Divi / WooCommerce Mobile Layout Troubleshooting✔️ Hello There, I came across your requirement regarding ⚡issue fixing on your website⚡, and I’d be happy to assist you in resolving it quickly and efficiently. To better understand the problem, could you please share the details of the issues you are currently facing? ➡️ Are they related to functionality, design, or backend errors? ➡️ Do you have any specific screenshots or references that highlight the exact problem? ==> Based on my experience, I suggest performing a quick audit to identify not only the reported issues but also any hidden errors that may affect performance. This proactive approach ensures a smoother user experience and helps maintain the overall stability of your website. I’d love to collaborate with you and provide timely solutions tailored to your needs. Looking forward to your response. Thank you.
€50 EUR in 1 day
5.4
5.4

Hallo, ik kan dit WooCommerce + Divi mobiele layoutprobleem netjes oplossen met een schone CSS/Divi oplossing zonder quick hacks. Ik zal ervoor zorgen dat op mobiel (≤767px) de producten correct gecentreerd staan, 1 per rij tonen, de beschikbare breedte optimaal gebruiken (ongeveer 400–450px waar passend), en dat alle lege ruimte links/rechts verdwijnt. Daarbij blijven desktop en tablet volledig ongewijzigd. Ik kijk specifiek naar de conflicten tussen Divi rows, WooCommerce product grids en de Variation Swatches plugin (wvs-archive-product-wrapper), zodat de oplossing stabiel blijft binnen het Divi responsive systeem en sitebreed werkt voor vergelijkbare productoverzichten. Optioneel kan ik ook een nette 2-koloms mobiele layout maken waarbij afbeeldingen mooi groot blijven en conversiegericht ogen.
€19 EUR in 7 days
5.0
5.0

Greetings, I can confidently handle this Divi / WooCommerce mobile layout troubleshooting project. Being a Senior Web Developer with extensive experience in Divi and WooCommerce, I understand the importance of a flawless mobile layout for an online shop. I have successfully resolved similar CSS issues in the past and can provide a clean and effective solution for your specific requirements. Feel free to review my profile attached below and let's discuss further on freelancer.com. I will deliver: - Single product per row on mobile - Centered product cards - Full-width product display - Elimination of empty spaces High-quality work guaranteed. Message me on freelancer.com to get started. Regards, Moeed
€8 EUR in 1 day
4.8
4.8

Hi, I checked your project and I can do the work mentioned in it. As an experienced full-stack developer, my skills in both front-end and back-end development make me the ideal fit for solving your Divi/WooCommerce CSS issues. I've been successfully creating scalable web and mobile applications for over 3+ years with a special emphasis on crafting responsive user interfaces. In terms of layouts, I'm well-versed in dealing with tricky layout problems like the one you're facing now.
€99 EUR in 3 days
4.6
4.6

I can help you quickly resolve the mobile layout issues in your WooCommerce shop built with Divi. Your request for a focused CSS fix on the mobile view is very clear, and this is exactly the kind of front-end troubleshooting I handle regularly. I have hands-on experience optimizing WooCommerce product pages and checkout flows in Divi, specifically fixing responsive issues, misaligned elements, and layout breaks across different screen sizes. I’m comfortable working within existing themes and child themes without disrupting your current desktop design. My approach would be to identify the problematic elements using browser dev tools, write targeted CSS overrides, and test across common mobile devices to ensure a clean and consistent layout. I’ll keep the changes modular and easy to roll back if needed. I would love to chat more about your project! Regards
€19 EUR in 7 days
4.1
4.1

With my 6+ years of web development experience and particular expertise in CSS and WordPress projects, I bring a unique skillset to solving your Divi/WooCommerce mobile layout issue. Your project aligns perfectly with my background as I've successfully tackled numerous responsive design challenges using Divi and WooCommerce. As we go over your requirements carefully, my approach would be to avoid "quick hacks" and instead focus on delivering clean, efficient solutions that are compatible with the Divi's responsive system. This means digging deeply into the CSS architecture to eliminate conflicts with other plugins such as Variation Swatches. Whether it's re-aligning the products center or optimizing full-width for better user experience (including bounding box adjustments), rest assured that I'm up for the task. In addition to addressing your immediate needs, I always strive to provide value-added services. As an optional bonus, I can create an elegant two-column layout for mobile without compromising image size aspect ratio. It's all about enhancing customers' shopping experience while maintaining site harmony across devices. Let's partner up and make your vision a satisfying reality.
€19 EUR in 7 days
3.9
3.9

Hello, I checked your project "Divi / WooCommerce Mobiele Layout Probleemoplossing" and I already have a clear idea how to deliver this efficiently. I have solid experience in PHP, WordPress, CSS, WooCommerce, Web Development, Frontend Development, Website Optimization, Web Design, and I’ve worked on similar projects where I delivered high-quality, scalable, and clean solutions. Why choose me? • Strong expertise in PHP, WordPress, CSS, WooCommerce, Web Development, Frontend Development, Website Optimization, Web Design • Clean, optimized, and scalable code • Fast communication and daily updates • 100% focus on delivering results, not just code If needed, I can also suggest improvements to make your project even better. Let’s connect I’m ready to start right away. Best regards, Umer
€19 EUR in 1 day
3.5
3.5

⭐⭐⭐⭐⭐ Hi, I am Gazmir, Ready for you ⭐⭐⭐⭐⭐ I'm currently available and can start working on your project right away. You need a clean mobile CSS fix for your Divi + WooCommerce product grid where layout breaks on mobile, leaving misaligned products and unwanted empty space. I’ll isolate the Divi/WooCommerce/Variation Swatches CSS conflict and implement a clean responsive override so product cards are properly centered, full-width on mobile, and keep desktop/tablet layouts untouched, ensuring a stable and visually balanced grid without affecting existing theme structure. I’m confident I can deliver it on time and within your budget. Looking forward to the opportunity! Warm regards, Gazmir
€20 EUR in 1 day
3.3
3.3

Ik los dit soort Divi + WooCommerce mobiele gridproblemen regelmatig op, juist wanneer standaard CSS wordt overschreven door Divi rows, WooCommerce columns-4 en wrappers zoals wvs-archive-product-wrapper. In jouw geval wijst het patroon op een combinatie van beperkte row/container-breedte, flex-basis/max-width regels en plugin-specifieke wrappers die op mobiel de kaart links laten hangen. Ik pak dit schoon aan via gerichte inspectie in DevTools, daarna scoped media queries voor ≤767px, correctie van row/product container width, flex instellingen, margins en alignment, zonder desktop of tablet te raken. Ik test op category/archive pagina’s, houd rekening met Divi responsive gedrag en lever een onderhoudbare fix die niet leunt op visuele noodgrepen.
€40 EUR in 1 day
1.9
1.9

Hi, We would like to grab this opportunity and will work till you get 100% satisfied with our work. We are an expert team which have many years of experience on PHP, WordPress, CSS, WooCommerce, Web Development, Frontend Development, Website Optimization, Web Design Lets connect in chat so that We discuss further. Thank You
€8 EUR in 7 days
1.6
1.6

༺❖༻ Dear Client ༺❖༻ I can help you with your Divi and WooCommerce mobile layout issue. I will make sure the mobile version of your website looks good on screens. I will use an safe method to fix the problem. This method will not affect how your website looks on desktop or tablet computers. I will specifically focus on the version of your website. I will make sure the product cards are centered and use the width of the screen. I will also make sure there is no space on the sides of the product cards. My method is not a fix. Instead I will use an safe way to fix the problem. I will make sure the product cards are centered and look good on devices. I will also make sure the desktop and tablet versions of your website are not affected. If you want I can also make the mobile version of your website look better. I can make it so that the product cards are arranged in two columns, on devices. This will make it easier to read. Will help people buy things from your website. I have fixed problems before with Divi and WooCommerce. I am sure I can fix this problem quickly and make sure it is stable and easy to maintain.
€20 EUR in 1 day
1.4
1.4

Good day, As a senior Divi/WooCommerce specialist, I am confident in resolving the mobile layout issue you are facing with your product overview. I have experience in CSS fixes and understand the specific challenges posed by Divi and WooCommerce integration. Let's chat further to discuss your requirements and I will share relevant portfolio samples. I follow a simple process of planning, creating, reviewing, and finalizing the work. What I will do: - Ensure products display one per row on mobile - Center product cards and utilize full width - Eliminate empty space on the sides - Maintain desktop and tablet layouts Looking forward to delivering high-quality work within budget. Let's chat again soon. Regards, Hira Khan
€8 EUR in 7 days
0.0
0.0

alkmaar, Netherlands
Member since Jan 13, 2022
€8-30 EUR
$10-30 USD
€8-30 EUR
€8-30 EUR
€8-30 EUR
$250-750 NZD
₹1500-12500 INR
$250-750 USD
€30-250 EUR
$50 USD
$8-15 USD / hour
₹600-1500 INR
$30-250 AUD
₹12500-37500 INR
$2-8 USD / hour
€8-30 EUR
€30-250 EUR
₹12500-37500 INR
$250-750 USD
₹15000 INR
₹37500-75000 INR
$10-30 USD
$250-750 USD
$15-25 AUD / hour
₹12500-37500 INR