Site logo

Archived topic

Mobile Header

1 reply · Started by Steve on May 23, 2018

Viewing posts 1–2 of 2

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.

This archived topic is closed to new replies.