How to hide mobile menu just for one project
-
wrote on Jun 29, 2022, 11:45 AM last edited by
Hi everybody,
I have been trying to hide the mobile menu plus mobile site title for one single project (my blog). I tried the following CSS:body.slug-blog .mobile-title,
.navbar,
.burger {
display: none !important;
}This did indeed hide title and burger, but left a blank white space which is disturbing since the background in my blog is black. Also it slightly altered the mobile menu on all other projects and pages.
It is about this project: http://dagmarschwelle.com/blog/
The CSS for mobile is not active at the moment because it did not work.Does anyone of you know a solution which would not only hide mobile title and menu but also the white space at the top?
Many thanks!
-
body.slug-blog .mobile-title, body.slug-blog .navbar, body.slug-blog .burger { display: none !important; } body.slug-blog{ padding-top: 0; }
-
wrote on Jun 29, 2022, 1:42 PM last edited by
wow, works great!
Thank you so much for your fast help @arminunruh -
wrote on Jul 20, 2022, 8:17 PM last edited by
I have got the same issue. I try to create a subpage without the Menu.
I just don't understand how to target that special page (I guess its slug-blog here in this case, but what should I fill in for my page)
Looking forward, thanks.
-
link?
the css goes to lay options -> custom css & html
-
wrote on Jul 21, 2022, 7:29 PM last edited by FANER Jul 21, 2022, 3:31 PM
Hi Armin, thanks for your fast replay. where the css / html goes ist clear.
i am just wondering what i have to type to target my special page.
(in that case it's https://faner.de/about/)on qua7 's page it's .slug-blog but i've got no idea how to target my page.
thanks a lot.
-
wrote on Jul 21, 2022, 8:11 PM last edited by
I would say slug-about should work
-
wrote on Jul 21, 2022, 8:14 PM last edited by
oh my … thank you very much. it was to easy …
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it