Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Is it possible to create only one site without the main menu, for example the Startpage?
All other sites should have the menu.
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
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
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.
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
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?
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
Hi Magus,
its still on a local PC. Here is a picture:
https://www.dropbox.com/s/td83ddfqj178dn3/startpage.jpg?dl=0
Gunter
it schould look this like:
http://lohntsich.de/
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
This is a private message.
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
/* 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; }This is a private message.
This is a private message.
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
Hi Magnus,
that’s it. Heavy birth, as we say in germany.
Thanks a lot.
Gunter
Hi Gunter
You are welcome. If you need any more help, please feel free to open a new thread.
Magus