Is there a way to get an entry page on our website?

  • 1
  • Question
  • Updated 4 years ago
  • Answered
Hello,

An entry page is a feature is something that we have wanted to do for a while on our website. We've looked online at several of the discussions on this topic and cannot see a viable workaround for us.

Is there a way in which we can remove the menu and header from just one page on our website?

I know some people have suggested html that you drop in but this hasn't seemed to work for us. The other suggestion was to create another website and link to our existing site but we are a bit reluctant to do this as we have an established website under our domain name that is gaining in popularity and can't see a way of publishing the site effectively without getting a new domain name?

Our website is http://www.eventsorganised.co.uk. We want an entry page that is similar to this website: http://www.chillisauce.co.uk.

Any advice would be gratefully received!

Thanks
Photo of minnie14

minnie14

  • 5 Posts
  • 0 Reply Likes
  • frustrated

Posted 4 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Minnie

It's possible to create an entry page for your Yola website, but this entry page must be your index page (normally your home page) because you want your visitors to get there when they enter your domain name eventsorganised.co.uk.

You could add custom code to the index page that undisplays the normal navigation menu just on that page. Then you would offer other elements to link to the other pages. On the other pages, you can have the default navigation or even undisplay it on all pages and always link between pages manually.

Why do you want an entry page? If it's supposed to link to different areas of your website each with their own navigation, this is not possible with Yola. So what you can basically do is hide the navigation menu on any page individually, and link from there manually.

If you need to know the CSS code for hiding the menu on your index page, please let me know and I'll be happy to assist you.
Photo of minnie14

minnie14

  • 5 Posts
  • 0 Reply Likes
Hi Stefan,

Many thanks for your prompt reply.

We want an entry page to link different areas of our website - we basically have 4 main areas of our business (weddings, corporate events, landmark occasions and hen and stag) and so we would like for customers to click through to the relevant pages once they get to our website.

If you could possibly let us know the CSS code so we can hide the menu on our index page that'd be great. I'm at novice at coding so any instruction would be gratefully received!
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Minnie

Before I post the code for you, I've seen there is incorrect code in your Site CSS Editor (Site > Content > Site CSS). Javascript code has been added to the left-hand side overrides box of the CSS Editor, which shouldn't be done. The CSS Editor is solely for editing CSS code of your Style Template. I'd recommend that you remove this code fully as it won't be functional anyway as far as I can see.

In order to remove the navigation menu from an individual page, such as your index page (home page), please follow these steps:
  1. Copy this CSS code:
    <style type="text/css">
    
    div.sys_navigation {
    display: none;
    }
    </style>

  2. Open the page where you want to hide the navigation menu.

  3. Drag and drop an HTML Code Widget at the very top of this page.

  4. The HTML Editor of the widget opens. Paste the code you copied above into the editor.

  5. Click on "OK".

Your navigation menu will now no longer display on this particular page.
Photo of minnie14

minnie14

  • 5 Posts
  • 0 Reply Likes
Hi Stefan,

Many thanks for your reply.

Can you possibly advise which line the javascript is on as don't want to delete the wrong bit!

Many thanks
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Minnie

You can probably remove the whole code of the overrides box. In order to check if this would lead to unwanted results, you can check that checkbox below the box where it says "Disable Site CSS Overrides". Checking this checkbox will disable all custom CSS overrides added to the left-hand side overrides box. If this doesn't change anything for your website, you can either leave the checkbox left checked or remove the whole code from the overrides box.

Please let me know if disabling the Site CSS is not an option for you because it sets important edits, and I will try to clean up the overrides box for you.