Theme Header

Hello, I am currently using a Slider Revolution header as our main header, disabling the Theme Header. See quantectest.co.uk

However, this isnt good enough for mobile/tablet devices. Is there a way I can have the theme header enabled for mobile/tablet devices only?

If so, could you detail exactly where I need to add the code?

Thanks

Hi @liamtuffrey,

Thanks for writing in.

I could not guarantee this will work because this is quite a customization however we could give it a try.

First, know how to disable Rev slider on mobile. You could disable Rev Slider for mobile. Go to your revolution slider setting Layout and Visual.

After you knew how to disable rev slider on mobile, enable your header. Then, disable it on desktop view.

To show header on mobile, add this in your custom CSS:

@media (min-width: 979px)
header {
    display:none;
}

Hope it helps.

Let us know how it goes.

Thanks

Hi, no, I added the code to the individual page (quantectest.co.uk/led-lighting) custom CSS and the header is still showing on desktop, after disabling the Slider Rev header on mobile. Would you like access to have a go at it?

HI There,

yes please send us your login details so that we can have a look.

Thanks

Hi, Sent in a secure note in response to previous reply.

Hi,

Kindly change the css code provided with this

@media (min-width: 979px) {
header.masthead {
    display:none;
}
}

Hope that helps

This has worked. However, the Contact Form has been made narrower? Any idea why? See quantectest.co.uk/contact/

I have now rectified this. Thanks for all of your help - works exactly as I wanted it to.

Glad you were able to figure it out :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.