WordPress Themes, Plugins and HTML Templates › Forums › Contango WordPress Theme › Can I hide the menu from a page?
- This topic has 7 replies, 1 voice, and was last updated 10 years, 9 months ago by admin.
-
AuthorPosts
-
March 18, 2014 at 11:06 am #493AnonymousGuest
Hi,
I simply would like to hide the menu from the front page and instead have a few fields to click, like in Services or Portfolio. Is it possible to hide the menu from some pages?
Thanks
KamilMarch 18, 2014 at 1:53 pm #1254adminParticipantHi Kamil,
Quick solution is via CSS.Point to selective customization is that, WordPress adds special classes based on post, pages etc in the body tag. So you have to look into the page source to implement your settings.
Example:
Our Contango Demo Front Page body classes are:
[/CODE]So i can hide menu at Front page by writing the following code in style.css or `Appearance > Contango Options > Extend Settings` box
[CODE].page-template-template-front-page-php #nav {
display: none;
}[/CODE]So, you can hide menu on specific pages by adopting selective customization technique.
Thanks[CODE]
[/CODE]So i can hide menu at Front page by writing the following code in style.css or `Appearance > Contango Options > Extend Settings` box
.page-template-template-front-page-php #nav {
display: none;
}[/CODE]So, you can hide menu on specific pages by adopting selective customization technique.
Thanks[CODE].page-template-template-front-page-php #nav {
display: none;
}[/CODE]So, you can hide menu on specific pages by adopting selective customization technique.
Thanks
March 18, 2014 at 8:35 pm #1255AnonymousGuestUnfortunately this did not work. The code caused all the text to disappear – only pictures and site frame is visible – see attached.
[ATTACH]29[/ATTACH] [ATTACH]30[/ATTACH]Here’s the page – I’m working on it, so it will be changing all the time: http://test.pentaxbody.com/home-page-london-house-removals/
March 18, 2014 at 9:29 pm #1256adminParticipantHi Kamil,
Always look source before going to implement any CSS style to classes or ids. In your home page, the body tag is,How to check Page Source
– Open page in Google Chrome
– Right click and select View page sourceNow Find Body Tag
Hit Ctrl+F and type
http://test.pentaxbody.com/home-page-london-house-removals/ – body tag structure is, [/CODE]So the appropriate code to hide menu will be,
[CODE].page-template-template-full-width-open-php #nav {
display: none;
}[/CODE]Thanks[CODE]
[/CODE]So the appropriate code to hide menu will be,
.page-template-template-full-width-open-php #nav {
display: none;
}[/CODE]Thanks[CODE].page-template-template-full-width-open-php #nav {
display: none;
}[/CODE]Thanks
March 18, 2014 at 9:52 pm #1257AnonymousGuestUnfortunately not. I only changed template temporarily – as I said I’m working on it. You can see from the screenshot that your code worked, but removed the text from it, instead of just the menu. Also, I don’t really understand CSS, so I appreciate your detailed explanations.
March 19, 2014 at 5:15 pm #1258adminParticipantMay be, i will require to get login to your WordPress panel to understand the issue.
I will email you shortly.
ThanksMarch 19, 2014 at 7:12 pm #1259AnonymousGuestGreat, so this code worked:
.page-id-830 #nav {
display: none;
}[/CODE]To find ID’s of items I use “Simply Show IDs” plugin – so that’s easy.
Big thanks for going through my site – that is amazing customer support!
Cheers
Kamil[CODE].page-id-830 #nav {
display: none;
}[/CODE]To find ID’s of items I use “Simply Show IDs” plugin – so that’s easy.
Big thanks for going through my site – that is amazing customer support!
Cheers
KamilMarch 20, 2014 at 7:43 am #1260adminParticipantThanks for the feedback.
-
AuthorPosts
- You must be logged in to reply to this topic.