PRO SHOPPING

Discover the latest trends in Uganda

Shop Now

Shop By Category

Popular Subcategories

Find exactly what you're looking for

Discover Your Style

Explore our latest collection and find your perfect look

Shop Now

Fashion Style Trend Luxury Design

Featured Products

Exclusive Collection

Discover our premium selection

Fast Shipping

Free shipping on orders over UGX 300,000

Easy Returns

1-day return policy

Secure Payment

100% secure payment processing

24/7 Support

Dedicated customer support

/* Navbar Categories Dropdown Styles */ .navbar-categories { position: relative; } .categories-dropdown { position: absolute; top: 100%; left: 0; min-width: 250px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; z-index: 1000; padding: 0.5rem 0; border: 1px solid rgba(0,0,0,0.1); } .navbar-categories:hover .categories-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .category-item { padding: 0.75rem 1.5rem; display: flex; align-items: center; color: #333; text-decoration: none; transition: all 0.2s ease; position: relative; } .category-item:hover { background: rgba(255,76,59,0.1); color: #ff4c3b; } .category-item i { margin-right: 10px; font-size: 1.1rem; color: #ff4c3b; transition: transform 0.2s ease; } .category-item:hover i { transform: translateX(5px); } .category-item span { font-weight: 500; } .has-subcategories { position: relative; } .has-subcategories::after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); color: #999; transition: all 0.2s ease; } .has-subcategories:hover::after { color: #ff4c3b; transform: translateY(-50%) translateX(5px); } .subcategories { position: absolute; left: 100%; top: 0; min-width: 200px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateX(10px); transition: all 0.3s ease; padding: 0.5rem 0; border: 1px solid rgba(0,0,0,0.1); } .has-subcategories:hover .subcategories { opacity: 1; visibility: visible; transform: translateX(0); } .subcategory-item { padding: 0.75rem 1.5rem; display: flex; align-items: center; color: #333; text-decoration: none; transition: all 0.2s ease; } .subcategory-item:hover { background: rgba(255,76,59,0.1); color: #ff4c3b; } /* Mobile Styles */ @media (max-width: 991px) { .categories-dropdown { position: static; box-shadow: none; border: none; background: transparent; opacity: 1; visibility: visible; transform: none; padding: 0; } .category-item { padding: 0.75rem 1rem; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } .category-item:hover { background: rgba(255,255,255,0.1); color: #ff4c3b; } .subcategories { position: static; box-shadow: none; border: none; background: transparent; opacity: 1; visibility: visible; transform: none; padding-left: 2rem; } .has-subcategories::after { right: 0; } .subcategory-item { color: rgba(255,255,255,0.8); padding: 0.5rem 1rem; } .subcategory-item:hover { background: rgba(255,255,255,0.1); } } /* Animation for dropdown */ @keyframes dropdownFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .categories-dropdown.show { animation: dropdownFadeIn 0.3s ease forwards; } /* Hover effect for category items */ .category-item::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: #ff4c3b; transform: scaleY(0); transition: transform 0.2s ease; } .category-item:hover::before { transform: scaleY(1); } /* Category icon styles */ .category-icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,76,59,0.1); margin-right: 12px; transition: all 0.2s ease; } .category-item:hover .category-icon { background: #ff4c3b; color: white; transform: scale(1.1); } // Categories Dropdown Functionality document.addEventListener('DOMContentLoaded', function() { const categoryDropdowns = document.querySelectorAll('.navbar-categories'); const mobileMenuToggle = document.querySelector('.navbar-toggler'); const isMobile = window.innerWidth < 992; // Handle dropdown on hover for desktop categoryDropdowns.forEach(dropdown => { if (!isMobile) { dropdown.addEventListener('mouseenter', function() { this.querySelector('.categories-dropdown').classList.add('show'); }); dropdown.addEventListener('mouseleave', function() { this.querySelector('.categories-dropdown').classList.remove('show'); }); } }); // Handle subcategories for mobile const categoryItems = document.querySelectorAll('.has-subcategories'); categoryItems.forEach(item => { if (isMobile) { item.addEventListener('click', function(e) { e.preventDefault(); const subcategories = this.querySelector('.subcategories'); const arrow = this.querySelector('::after'); // Toggle subcategories if (subcategories.style.maxHeight) { subcategories.style.maxHeight = null; arrow.style.transform = 'translateY(-50%) rotate(0deg)'; } else { subcategories.style.maxHeight = subcategories.scrollHeight + "px"; arrow.style.transform = 'translateY(-50%) rotate(90deg)'; } }); } }); // Handle mobile menu toggle if (mobileMenuToggle) { mobileMenuToggle.addEventListener('click', function() { const categoriesDropdown = document.querySelector('.categories-dropdown'); if (categoriesDropdown) { categoriesDropdown.classList.toggle('show'); } }); } // Close dropdowns when clicking outside document.addEventListener('click', function(e) { if (!e.target.closest('.navbar-categories')) { document.querySelectorAll('.categories-dropdown.show').forEach(dropdown => { dropdown.classList.remove('show'); }); } }); // Handle window resize window.addEventListener('resize', function() { const isNowMobile = window.innerWidth < 992; if (isNowMobile !== isMobile) { location.reload(); // Reload to switch between mobile/desktop behavior } }); }); // Add touch support for mobile devices document.addEventListener('DOMContentLoaded', function() { if ('ontouchstart' in window) { const categoryItems = document.querySelectorAll('.category-item'); categoryItems.forEach(item => { item.addEventListener('touchstart', function(e) { if (this.classList.contains('has-subcategories')) { e.preventDefault(); this.classList.toggle('touch-active'); } }); }); // Close dropdowns when touching outside document.addEventListener('touchstart', function(e) { if (!e.target.closest('.navbar-categories')) { document.querySelectorAll('.touch-active').forEach(item => { item.classList.remove('touch-active'); }); } }); } }); // Smooth scroll for anchor links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); } }); });