Hello David,
I tried this workaround, but can you advise if its missing something or can be done better or not.
1. Added hide-on-mobile class to Header Element for front page.
2. Created second slider of width 375 and height 667 (or if their is any better size, pls share).
3. Created new Header Element and added shortcode of second slider for front page and added hide-on-desktop class to it.
Q1. – Is this achievable or right practice.
Q2. – I have used class hide-on-desktop but its not showing on mobile though hidden on desktop.
Q3. – Can I also use hide-on-tablet class alongwith hide-on-mobile class for same header element.
Thanks…