Project

General

Profile

BUG #3878

Updated by Nazmul Hossain Shovon 4 months ago

On **mobile view**, the homepage banner is displaying **left and right navigation arrows**.   
 According to the Figma design, these arrows **should not be visible** on mobile devices.   
 Their presence creates an incorrect UI layout and does not align with the expected mobile design guidelines. 

 **Screens:** Mobile (≤375px)   
 **Tested By:** Tasfia Zaima   

 --- 

 ### Steps to Reproduce 
 1. Open the PQS Japan staging website on a mobile device or using responsive mode.   
 2. Navigate to the **Home Page**.   
 3. Observe the banner slider.   
 4. Notice the presence of **left/right navigation arrows**. 

 --- 

 ### Expected Result 
 The homepage banner should **hide navigation arrows on mobile**, matching the Figma mobile UI design. 

 ### Actual Result 
 Navigation arrows appear on both sides of the banner in mobile view, conflicting with the design specifications. 

 --- 

 ### Attachments 
 - [Screenshot](https://drive.google.com/file/d/1qWE3OIjHxUkRKaYjgWLkECu5f7ub3KUk/view?usp=sharing) 

 ### Module / Section 
 Home Page → Banner 

 --- 

 ### Root Cause: 
 mismatch with figma 

 --- 

 ### Impacted Area: 
 home banner

Back