Hello,
I would like to ask how to make the full height of the body, so it doesn’t have a weird color at the end of the page.
I know that the CSS includes:
html, body {min-height: 100%; height: auto;}
But it seems that it doesn’t do the trick. I’ve tried to add:
#main {min-height: 100%;} //I want the main to have full height of the screen. I have tried both with and without !important, but it still doesn’t work.
Can you please help me to fix this?
I would also ask for your help about customising second menu. I have been trying to make a second menu on the page. I know I can put “Custom Menu” on SiteOrigin’s Page Builder, but it doesn’t look nice.
Can you please provide me with the CSS codes for making this menu looks nicer? Or can you please suggest me to plugins that enable me to do it?
Thank you in advance.
P.S: My website is developed in the localhost, so I can’t provide you with any access to my web. But I’m more than happy to send you screenshots.
Hi Sudarshan
Thanks for reaching out, sorry we weren’t able to reply sooner.
I’m not sure it’s possible to create a sticky footer without using JavaScript. Two easy solutions in Vantage are to change the body background color or set a minimum height for the content container. Here is how to set a min-height for the content container:
#main { min-height: 2000px; }Adjust the value as required.
In this thread I tried to assist with new styles for the custom menu widget when used in the sidebar: Thread: Customizing Vantage Menu Items Layout. That might be helpful as a starting point.