Archived topic
Disable content for tabblets and mobiles from "elements header hook"
9 replies · Started by Alejandro on May 20, 2019
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
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 :)
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.
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;
}
}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.
Hmm I'm not seeing the space.
Any specific width I can see it?
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
I believe that's coming from Elementor:
https://www.screencast.com/t/zVtUbnWRuki
Yyou're right leo ! The problem was of elementor. Thanks !
No problem :)
