Contact person: Business Client

Phone:Show

Email:Show

Location: Trento, Italy

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Hello,
I need an experienced WordPress + Elementor developer to fix a mobile-only layout issue on my website thelegalweddingplanner.com.
What’s happening
On the homepage, I have:
A photo carousel (Elementor column with background slideshow)
A testimonial carousel right below it
On desktop, everything works perfectly.
On mobile, the testimonial carousel (including the title “What Our Clients Say”) overlaps the photo carousel, because the column containing the slideshow collapses to almost zero height.
What I need
A developer who can:
Inspect the Elementor structure (especially the section with IDs/classes:
.elementor-element-6240a6d (photo slideshow column)
.elementor-element-4880218 (section containing text + slideshow)
.elementor-element-127aa8e (testimonials section)
Fix the mobile layout only, ensuring:
The photo slideshow has a correct height on mobile
No overlap between the two carousels
The testimonial title stays below the image
Desktop layout remains untouched
Clean and streamline the CSS if necessary (very localized, not global changes).
Important
DO NOT change the desktop layout.
DO NOT restructure the entire page.
The fix must be mobile-only, preferably via proper responsive controls in Elementor + minimal CSS.
I do NOT want general rules like .elementor-section { margin-bottom: 20px; }.
I only need a precise, surgical fix for this area.
Requirements
Strong Elementor + CSS experience
Ability to debug responsive issues without breaking desktop
Ability to deliver a clean and maintainable solution
Goal
I need this section to behave properly on mobile, with the testimonial carousel clearly separated from the photo slideshow and no overlapping.
Please send:
A brief explanation of how you would approach the fix
Estimated time and cost
Examples of similar Elementor fixes you have done
Thank you." (client-provided description)