Archived topic
Disable header on mobile version
4 replies · Started by Siong Boon Lim on January 15, 2020
Hi,
I visited
https://generatepress.com/forums/topic/disable-header-on-mobile/
but it does not seems to be the same issue that I am facing,
so I open up another thread to seek for help.
My page is provided on the URL text box for assistance.
I have use the Generatepress "Disable Elements" features.
For this page, I tick all the elements on the check box for this page,
as I only want the content to appear.
It works correctly on my desktop screen.
But on my mobile, I can still see the logo from my header.
How do I remove this logo header from my mobile?
I am building specific pages which needs all the element to be removed.
Thank you for the help.
Hi there,
Try this CSS for now:
@media (max-width: 768px) {
body.page-id-514 #mobile-header {
display: none !important;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
You can add on the CSS to do more pages:
@media (max-width: 768px) {
body.page-id-514 #mobile-header,
body.page-id-xxx #mobile-header {
display: none !important;
}
}Just need to replace xxx with the actual page ID.
I believe this is a bug on our end. Will be taking a closer look :)
Actually try this PHP snippet:
https://generatepress.com/forums/topic/gp-1-9-0-update/#post-1069229
Adding PHP: https://docs.generatepress.com/article/adding-php/
Thank you very much.
Hope that this can be resolved.
Would like to be notified when it is resolved,
so that I can disable my added codes.
Make sure you are using the PHP here:
https://generatepress.com/forums/topic/disable-header-on-mobile-version/#post-1133632
I'll try my best to comment here again when it's extra option is added :)
