Hide Menu on One Page only

Hi Diego

I’ve had a look at your site but could only deal with the homepage as all the others caused a 404 error ie page not found.

There are a couple of divs that will turn off the top menu but the one that seems to work for me is the top_nav_out class.

The home page has an id of 22 so I used that in the following code

.page-id-22 .top_nav_out {
display: none;
}

To solve problems like this it’s just a matter of highlighting the div that will turn it off for all pages and then trying to work backwards towards the page id class.

Sometimes we even have to include all the classes as you can see in the very first solution up above.

Anyway I hope it works for you.
All the very best
Dave Foston

Hi Diego

A little late in replying, we’re in the process of moving house, so apologies for that. Thanks for your kind words of appreciation. I am really glad I could help.

You take care now.
All the best
Dave Foston

Hi wdtech

A little slow in getting back to you – have been travelling.

I’ve had a quick look at your site and these codes seem to do the trick for me. I’ve tried it on Chrome’s Inspect element and it seems to work.

.home #top {
display: none;
}

.home #header #logo {
display: none;
}

Hope it helps
Dave Foston

Thanks for those kind sentiments – really appreciate that.

You take care now
Dave Foston

Hi Ray

Thanks for supplying your url – it really helps finding what to do.

You can hide just about anything you want on any individual page.

There are a couple of menu divs on your page that I found by using Chrome’s Inspect element option. Some didn’t work when isolating with the page div. Both menus you have on the home page can be isolated as follows

.home ul#menu-selected-1, .home ul#menu-selected-2 {
display: none;
}

If you don’t want to do the work on the home page then replace the .home by .page-id-xx where xx is the page’s id no.

You can find this by again displaying the page and using Inspect element. The page id will be given in the body tag.

Well Ray I hope this helps. You should be able to do the header image in a similar way.

All the best
Dave Foston

Ray,

I meant “(page is called “Edit Landing Page”)” instead of “(page is called “Edit this Plugin”)”.

Sory about the confusion.

Diego

Just to follow up;

I should have said that the code needs to be placed into a style.css file or equivalent. It looks to me that you are using the Responsive theme. It is possible to add your code to the theme through its options. Appearance=>Theme Options=>CSS Styles. Perhaps you should check to see if they are secure when you update the theme. They may be other overheads by doing this.

Often it is best to make a child theme and make your changes/additions to the style.css file of the child theme. This would be sure to avoid losing your changes when the theme is updated.

All the best
Dave