Tagged: hide menu, Sidebar Menu
Hi there,
I am creating my site with a right sidebar menu, however I would like the home page to be a full-screen image without the menu showing. What is the best way of doing this? I have tried setting the Home page template to “Blank – no header or footer” – but this leaves a thin border to the right of the “fullscreen” image. Is it better to hide the sidebar menu just on that one page and leave page template on “Default”? And if so, how do I best do this?
Thanks!
Caren
Hey carendavis!
Add this to your custom CSS.
.home #header { display: none !important; }
.home #main { margin-right: 0px !important; }
Best regards,
Elliott
Thankyou! This nearly works… there just seems to be the thinnest little border or line or something going on to the right (ie – doesn’t sit as nice and flush to the edge as it does when menu is at top.) Do you know a solution for this?
Thanks so much!
Caren
Oh actually, I can see that it is a border which I have set in the Enfold General Styling tab under Main Content (I have made this magenta so it can be seen better). I just can’t find how to get rid of this border altogether! Your help is appreciated – thanks!
Hey!
Please add following code to Quick CSS as well
.html_header_right #main { border: none !important; }
Cheers!
Yigit
YESSS it works, thanks!!