Comparison of Header Element on Home versus About/Photographers Page
On About and Photographers Page, I have header element with image as background. When I view these two pages on mobile, image height is different and it looks as I want.
It has more height as compared to Smartslider shortcode Header element version on homepage.
Is there a way that home page slider also looks same in proportion as About and Photogrpaher header element.
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.