-
AuthorPosts
-
October 16, 2013 at 9:08 am #176274
Can I remove the menu from just one page using CSS? I’ve tried a bit and can’t get it.
Thanks guys!
October 16, 2013 at 2:02 pm #176413Hey mgma!
Please post the link to your website and point out the page you would like to remove menu from :)
Cheers!
YigitOctober 16, 2013 at 3:37 pm #176479I have the same exact questions asked about six or seven hours ago and have no input.
https://kriesi.at/support/topic/remove-top-nav-menu-selected-pages/This seems like a pretty basic thing to do on a website. I want a landing page with a boxed layout and NO menu at the top and I’ve had to jump through serious hoops to get it going. I am working with your default demo site and data and haven’t added a thing to the databases with respect to custom content for the test page.
I’ve got it working using if/else conditional statements in the header file using if ( is_page( 2345 ) )
The menu is now gone, but the CSS is still writing an empty block (without href links). The block is the exact same pixel dimensions as if $nav
is still being echoed. So somewhere a CSS property is still affecting the Div that held $nav.. It’s either that, or some padding-top or margin-top is
being written to a wrapper Div or an adjacent DIV just below where $nav would reside in the header. If you read my other thread, you will
see a screen shot where the background CSS Properties disappears. Probably because #wrap-all fills the screen width at 100%.Manual edits to the CSS were necessary to make the background spring to life again for both the boxed and unboxed layouts as follows:
#ls-global.html_boxed
{
background: #000000 url(http://localhost/enfoldtest/wp-content/uploads/2013/04/asphalt_background_spotlight_upper_left_01.jpg) no-repeat fixed top center;
}
HTML.html_boxed
{
background: #000000 url(http://localhost/enfoldtest/wp-content/uploads/2013/04/asphalt_background_spotlight_upper_left_01.jpg) no-repeat fixed top center;
}But I’m still left with the large empty white area where $nav would appear. Need to get rid of that.
This sure is a major amount of hoops to jump through to remove $nav from a boxed layout so that you have a bonafide splash page or landing page without presenting a full blown menu to a first time site visitor. Sometimes you don’t want to sell the whole enchilada to a first time visitor. If you present too much information they may loose patience with the options, bail on your site and never call you for business. Sometimes less is more. And I haven’t even brought up the aspect of using small code blocks and HTML pages for presentation in popup light boxes. Things like registration forms, product detail popups and Ajax update forms for underlying pages. There are so many reasons why you wouldn’t want a menu to appear it’s silly.
My intention was not to hijack this post, but it appears that my earlier post asking the exact same question with my three detailed posts with a screenshot was unanswered and skipped. Not even a salutation, or I’ll get back with you like you’ve done here. Every post around mine had a relatively polite reply except mine. Pretty odd. Meanwhile I’ve spent hours and hours hacking through your backend to see how it works for a pretty simple thing.
Sorry mgma. I will post in my other thread and hopefully get an answer to what we are both trying to achieve.
October 16, 2013 at 3:49 pm #176485Every page gets a custom css class set by WordPress. Something like .page-id-49 and you can trigger that page ID with simple CSS
Something like
.page-id-49 nav.main_menu {display:none;}
should work I assume
October 16, 2013 at 4:34 pm #176501Thanks so much Michael,
Pretty pooped right now, but I will give that a poke later with a fresh mind and fresh coffee. It makes sense now because I saw some of the custom CSS ID’s in Firebug and was going to look at that, but there were so many cross outs in the CSS that it can be difficult to see which rules have precedence.I assume this will be the same if clean URL’s are used in lieu of page ID’s. If not, at least I know where to look now. I notice it took a member to comment before a support staff did. Thanks for doing this. I had plenty of info and screen captures in my other thread to explain things too.
Thanks again.
October 16, 2013 at 4:41 pm #176502Don´t blame the support staff. They´re doing an awesome job here. I was just a little faster ;-)
October 16, 2013 at 10:13 pm #176668Hi!
@michaeloeser Thanks Michael :)
@websitegurus i replied your post in your topic. You were posting in your topic again and again and that actually pushes your post to the end of the queue. We probably would have replied earlier if you have not done that, please keep that in mind :)
It would be a lot easier with CSS. I saw that you asked not to use custom css codes to remove them, if you changed your mind, let us know ( in your topic ;) )Best regards,
YigitOctober 18, 2013 at 5:47 am #177270Solved……I found a plugin called Menu Override. Simple… now I have a box with drop down at the bottom right of every page, and you can assign any menu (which means you can have more than 1 or 2) to that page. Worked perfectly for me.
October 18, 2013 at 3:35 pm #177423 -
AuthorPosts
- The topic ‘Can I remove the menu from just one page using CSS?’ is closed to new replies.