How to Hide Main Menu Items on your Oxwall Join Page

If you are running a social network, you certainly do not want your visitor to navigate to all your pages. Here is a simple css trick to hide the oxwall main menu navigation panel without setting your individual menu items to ‘non-visible’ to guests.

For so many reasons, you may want to hide the main menu navigation panel from the join page alone but the oxwall software does not have such option. Even if you set all menu Items to ‘non-visible’ to guests, the ‘Join’ menu item  (when set to ‘visible’ to guest) will always appear even when a user is on the join page.
Sometime ago, I tried to set all main items to ‘non-visible’ for guest. Guess what happened: My /index page automatically became my landing page. For quite some time, I tried tweaking the PHP code for main menu items without success. Not knowing that the actual solution is much easier than I thought.
This trick is fun, not only does it hide your man menu navigation bar, it also allows you to hide any item or section from the join page.

The Fun Part

There is absolutely no reason why you should get un-easy over this. Trust me: Is completely fun and I bet you will enjoy the experience.

 Remember to bookmark this page for future reference and recommend us to your pals on Facebook and Twitter.

Log on to your cpanel, using a good code editor, edit /ow_system_plugins/base/views/controllers/join_index.html (remember to duplicate this file for backup) if you don’t have a good code editor, download Notepad++, your cpanel code editor is perfect too.

At the very top of the page, before anything else, paste the css code below (leave one line-space to avoid confusion) and save your changes.
You can hide other sections or items on your website from the join page by including their class ID in the above css code separated with commas. eg. If you want to hide +sidebar you can simply include .ow_sidebar, to the css code above:

How to Get the Class Id of any Section or Item

 To get the ID of any website component, simply right click on the item or section and click ‘Inspect Element (Q)‘ (I recommend you use Mozilla Firefox while inspecting your website components). This will bring up a pop-under box, with the Id of the highlighted website component among other things.

Simply copy this ID to where you want to apply it.

Other Ideas

Share your success stories on the comment section, If you have other ideas, you are welcome to leave your contribution.

Did you get the answer you were searching for?

Save hours of searching online or wasting money testing unnecessary plugins, get in touch with me and let's discuss a suitable plan for your project. Best thing about this service is that you are never placed on hold and get to talk to an expereinced Oxwall/Skadate developer.

Get Answers for Free!

Ask a question related to this topic and get immediate answers from other community members in 48hrs or less. Contribute by answering members questions.

Ask Question
Premium Service

Whether it's a custom plugin, theme or dedicated support needed to get you started on your project, get professional 24/7 support tailored to your need.

Get in Touch

Or just leave a comment...

Leave a Reply