Archived topic
Mobile Header
1 reply · Started by Steve on May 23, 2018
Apologies if this has already been asked, ive had a right good look and can't find the answer.
I am trying to :
DESKTOP
Homepage - Header A (with slider)
Other Pages - Header B (without slider)
MOBILE and PAD
Homepage - Header B (without slider)
Other pages - Header B (without slider)
Not sure best way to go about it ? Tried with CSS but can't work it out.
Hi Steve, that's a difficult one. I am not sure, Tom may have a solution but the only thing that comes to mind would be to:
Create a standard header throughout.
Conditionally Add the slider to the generate_inside_merged_page_header hook for the home page.
Use CSS to remove the page header padding and the background image on desktop. And CSS to hide the slider on mobile.