[Resolved] Disable content for tabblets and mobiles from "elements header hook"

[Alejandro]

Hi !

Im doing a personalized header with “elements” The problem is that I dont know how personalize the main navigation mobile colors. So, I need to disable the content of the hook for tabblets and mobiles.

Im creating a transparent header, but the main problem is that for tabblets and mobiles doesn’t appear the transparent header.

Many Thanks fot the support!

Alejandro Agudelo

[Leo]

Hi there,

Not quite sure if I understand.

So you want to hide the entire page hero for mobile?

For the merge on mobile, looks like the Merge on desktop option is currently selected?
https://docs.generatepress.com/article/header-element-overview/#merge-with-content

Let me know 🙂

[Alejandro]

Thanks leo !
I hide the merge for mobile but the problem is in tabblets. If you look the site previewprimitive.tk you gonna see the header is wrong. I need the header’s tabblest would be as in the mobile version.

[Leo]

Hmm things like this are hard to configure as different tablets have different screen resolution.

Try this:

@media (max-width: 1000px)
    .header-wrap {
        position: unset !important;
    }
}

[Alejandro]

I could improve some things, thanks leo !

So, now I have an space in the top of the merge’s header, I have not idea how to delete it.

[Leo]

Hmm I’m not seeing the space.

Any specific width I can see it?

[Alejandro]

http://previewprimitive.tk/
The space is on the top of the page… I believe the space is of a couple of pixels. You can see it only in the front page on deskcops

[Leo]

I believe that’s coming from Elementor:
https://www.screencast.com/t/zVtUbnWRuki

[Alejandro]

Yyou’re right leo ! The problem was of elementor. Thanks !

[Leo]

No problem 🙂

[Author]

Posts