This page reproduces the TomoCredit issue: .promo-badge matches 8 elements on desktop but only 2 elements on mobile. Changes made on one device unintentionally affect the other.
🎯 Test Scenario: Reproduce the Problem
1On Desktop: Use Visual Editor to select .promo-badge and change background to GREEN
2Save without device lock (or "All Devices")
3Check Mobile: The 2 visible badges also turn GREEN — unintended!
4Solution: Lock the change to "Desktop Only" — mobile stays original RED
Viewport:--
Device:--
Body Classes:Detecting...
📊 Live Element Count
.promo-badge
0
.cta-button
0
.deal-card
0
.featured-tag
0
🔥 Hot Deals
🏝️
30% OFF
⭐ FEATURED
Bali Paradise
$899 per person
🗼
25% OFF
⭐ FEATURED
Paris Romance
$1,299 per person
🏔️
20% OFF
Swiss Alps
$1,799 per person
🌴
35% OFF
Maldives Luxury
$2,499 per person
🎰
15% OFF
Las Vegas
$699 per person
🗽
10% OFF
New York City
$999 per person
⛩️
40% OFF
Tokyo Adventure
$1,599 per person
🏰
22% OFF
London Explorer
$1,199 per person
📋 Selector Conflict Reference
Selector
Desktop
Mobile
Problem
.promo-badge
8
2
⚠️ CONFLICT
.cta-button
8
2
⚠️ CONFLICT
.deal-card
8
2
⚠️ CONFLICT
.featured-tag
2
2
✅ Same count
The Problem: User sees 8 badges on desktop, changes color. Same change applies to mobile's 2 badges unexpectedly. The Solution: Lock change to "Desktop Only" so mobile remains unaffected.