To be clear This is an urgent job to improve existing banners and reuse the code that already exists, You will have 1 day to do it and not "OK, 4 hours. and then say oh no... I need more time" Have you done banners before? then this is simple
Job Description We are looking for a highly skilled Magento 2.4 developer with proven experience in responsive banner adjustments, specifically working with the Mirasvit promo banner scheduler and content blocks. The primary task is to fix existing banner responsiveness issues on web and mobile while ensuring banners display correctly for the next 14 days.
Key Requirements: - Expertise in Magento 2.4 (only) – no other versions - Strong knowledge of Mirasvit promo banner scheduler and content blocks - Experience working with responsive design and ensuring banners adapt properly across devices - Ability to test thoroughly across different screen sizes - Work on a dev server first, then migrate changes to the live site - Proven experience – must provide a snippet of responsive Magento 2.4 banner code and dev server URLs
Task Overview: - Fix existing banners – Current banners are misaligned, with excessive padding on the web version. The mobile version breaks the main menu and causes the "Shop Now" button to overlap with the face. - Mobile banner adjustments – There is a dedicated mobile banner section in the HTML, which needs corrections for proper display. - Add banners for the next 14 days – Ensure that scheduled banners for the upcoming two weeks are correctly implemented and responsive. - Test all banners to ensure they are properly aligned and displayed across different devices. - Urgent first fix: Start immediately with the banner scheduled for today and fix it within a few hours. After that, you will have one day to complete the remaining banners.
Expectations: - FAST FAST execution – This is a quick fix, not a multi-week project. We expect real, normal estimates, not exaggerated timeframes. - No delays, no excuses – We need immediate action and rapid turnaround. - Clear communication – Keep us updated on progress and any blockers.
How to Apply: Send us: - A snippet of responsive Magento 2.4 banner code you’ve worked on. - Dev server URLs showcasing banners you’ve implemented. - Estimated time for completion.
This is thedetailed work, now you understnad the issue and how to fix it
Issues and Fixes for Sofiqe Carousel Display Errors
1. Incorrect CSS Variable Usage - Problem: CSS variables are incorrectly referenced with extra dashes. - Incorrect: ```css .text-white { color: var('--white-color--'); } ``` - Fix: Remove extra dashes and use correct syntax. ```css .text-white { color: var(--white-color); } ```
2. Carousel Navigation Arrows Conflict - Problem: The arrows are hidden with `display: none !important;` in `.home-1-style .slick-next.slick-arrow`. - Fix: Remove `display: none !important;` from the relevant CSS.
3. Slick Carousel Not Working Properly - Problem: The `.carousel` class may not be properly selected or initialized. - Fix: Add debugging inside the script: ```js console.log($('.carousel').length); // Check if the element exists ```
4. Magento Media URL Syntax Issue - Problem: Using `{{media url="wysiwyg/...}}` inside inline CSS may not work properly. - Fix: Replace with a proper path: ```css background: url('/media/wysiwyg/main_banners/Weekend_Bold_Eyes_Background.webp') no-repeat center; ```
5. Promo Banner is Hidden - Problem: `.promo-banner-home` is set to `display: none;`. - Fix: If it should be visible, remove or update: ```css .promo-banner-home { display: block; } ```
6. Media Query Issues on Mobile - Problem: `.txt-block-left` on mobile has `margin: 100px 0 50px;` which may cause misalignment. - Fix: Reduce margin: ```css .txt-block-left { margin: 50px 0 30px; } ```
7. Duplicate Justification in Flexbox - Problem: `.txt-block` has `justify-content: space-between` and `justify-content: center` applied together. - Fix: Remove one of them.
8. Incorrect Arrow Icon Styling - Problem: Slick carousel arrows have no visible styles applied. - Fix: Ensure they are visible with: ```css .slick-prev, .slick-next { opacity: 1; color: black; } ```
Engagement Photo & Video Coverage Category: After Effects, Color Grading, Content Creation, Photo Editing, Photography, Video Editing, Video Services, Videography Budget: ₹1500 - ₹12500 INR
22-Nov-2025 04:58 GMT
Urgent Laravel Routing & MySQL Fix Category: API Development, Backend Development, Database Management, Debugging, HTML, Laravel, MySQL, PHP, Web Application, Web Development Budget: ₹1500 - ₹12500 INR
Wix Home Redesign & Mobile Header Category: CSS, Graphic Design, HTML, UI / User Interface, Web Design, Web Development, Wix Budget: $20 - $80 USD
22-Nov-2025 04:53 GMT
2D Animated Promotional Video Category: 2D Animation, 2D Animation Explainer Video, 2D Game Art, 2D Layout, After Effects, Animation, Graphic Design, Video Services Budget: ₹12500 - ₹37500 INR
22-Nov-2025 04:52 GMT
Coaching Management Platform & App Category: App Development, IPhone, Mobile App Development, PHP, UI / User Interface, User Experience Research, Web Development, Web Design Budget: ₹1500 - ₹12500 INR
22-Nov-2025 04:50 GMT
Cinematic YouTube Tutorial Video Editing Category: Adobe Premiere Pro, After Effects, Creative Design, Final Cut Pro, Video Editing, Video Post Editing, Video Production, Video Services Budget: ₹600 - ₹1500 INR
Deskripsi Produk Menarik dan Jelas Category: Content Writing, Copywriting, Digital Marketing, Keyword Research, Product Descriptions, SEO Writing Budget: $250 - $750 USD
