On mobile devices, the menu icons (person & hamburger icons) are not seen due to white background.
I have enabled transparent header on home page and have a video background in the first row of the page. The video background does not appear on mobile devices hence it appears white. Due to this the menu icons which are also white are not seen.
Pls suggest how to handle this situation. I could think of the below.
1. Change the color of mobile menu icons ONLY for transparent header. Because the white color is fine for the rest of pages having dark background.
2. Is there any way we can use a background image for the row element instead of video, ONLY for mobile devices? So on desktops it should display the video background and for mobile devices the image background.
As of now I solved this issue by having two separate rows on top of the page. One row will be visible only on Desktop & tablets and the other row will be visible only on mobile devices. The row for mobile devices has an image background instead of a video.
However, It would be nice if you can let me know the code to control the color of the mobile menu icons.
Thanks for contacting us.
We are so sorry but we don't understand the background image and video which you mentioned. However, you can control the color of an icon by adding the Custom CSS. Please see this attached image, we showed you how to change the color of the icons.
You must be logged in and have valid license to reply to this topic.