This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Only One Site without menu

Resolved 16 replies premiumthemetheme-vantage
10 years ago · Last reply by Magus 10 years ago

Is it possible to create only one site without the main menu, for example the Startpage?

All other sites should have the menu.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

16
  1. Magus Staff 10 years, 8 months ago

    Hi Guntersn

    If you are using the default home page then you can hide the menu using the following CSS added to Appearance->Custom CSS

    .home .main-navigation {
        display: none;
    }

    If you are using a custom page then you will need to view the page source and look for the body element. In the class statement for the body will be an entry like this

    page-id-4

    once you have found the page ID you can then change the above CSS to read

    .page-id-4 .main-navigation {
        display: none;
    }

    You can use this on any page you need to hide the menu on, just change the page ID

    Let us know how you get on

    Magus

  2. Gunter 10 years, 8 months ago

    Hi Magus,

    thanks a lot. This works fine.

    But – I wanted to create the Startpage with only one Picture. So it would be great, if I could hide also the complet header and logo, but only on the Startpage. Can you help me with this also?

    Sorry for my first incomplete Question.

  3. Magus Staff 10 years, 8 months ago

    Hi Guntersn

    Yes we would just need to repeat the process for the other page elements. So for the default home page your CSS would then be this

    .home #masthead {
        display: none;
    }
    .home #colophon {
        display: none;
    }
    /*optional to remove metaSlider*/
    .home #main-slider {
        display: none;
    }

    You will no longer need the original CSS as the main menu is part of the Masthead.

    Let us know if this helps

    Magus

  4. Gunter 10 years, 8 months ago

    Hi Magus,

    thanks for your very fast answer.

    Last Question: This works fine, but there is a little space between the picture and the top of the browser. I wanted the picture quite at the top. Is this possible?

  5. Magus Staff 10 years, 8 months ago

    Hi Guntersn

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    Magus

  6. Gunter 10 years, 8 months ago

    Hi Magus,

    its still on a local PC. Here is a picture:
    https://www.dropbox.com/s/td83ddfqj178dn3/startpage.jpg?dl=0

    Gunter

  7. Gunter 10 years, 8 months ago

    it schould look this like:
    http://lohntsich.de/

  8. Magus Staff 10 years, 8 months ago

    Hi Gunter

    We’ll start with the obvious, remove the padding from the top and bottom of the main container.
    Please add the following to custom CSS.

    .home #main {
    padding: 0 !important;
    }

    There will most likely still be some space left at the top of the page but without knowing the page construction method I cannot say how to remove that. If you could supply a screenshot of the page source from the body tag downwards that would be a great help.

    Magus

  9. Gunter Private 10 years, 8 months ago

    This is a private message.

  10. Magus Staff 10 years, 8 months ago

    Hi Gunter

    there is nothing jumping out in the page source that would give the extra space.

    Could you please post the contents of your custom CSS, please wrap this in code tags as explained under the reply box

    Thanks

    Magus

  11. Gunter 10 years, 8 months ago
    /* Home ohne Menu */
    .home .main-navigation { display: none; }
    .home #masthead { display: none; }
    .home #colophon { display: none; }
    .home #main { padding: 0 !important; }
    /*optional to remove metaSlider*/
    .home #main-slider { display: none; }
  12. Magus Private Staff 10 years, 8 months ago

    This is a private message.

  13. Gunter Private 10 years, 8 months ago

    This is a private message.

  14. Magus Staff 10 years, 8 months ago

    Hi Gunter

    Please add the following to your custom CSS

    .home .panel-row-style {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .home .panel-grid {
        margin-bottom: 0px !important;
    }

    There is an empty row at the bottom of the page. If this is not going to be used it should be removed to get rid of the whitespace at the bottom.

    Let us know how you get on

    Magus

  15. Gunter 10 years, 8 months ago

    Hi Magnus,

    that’s it. Heavy birth, as we say in germany.

    Thanks a lot.

    Gunter

  16. Magus Staff 10 years, 8 months ago

    Hi Gunter

    You are welcome. If you need any more help, please feel free to open a new thread.

    Magus

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread