How to hide mobile menu just for one project
-
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; }
-
wow, works great!
Thank you so much for your fast help @arminunruh -
link?
the css goes to lay options -> custom css & html
-
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.
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