Center nav to middle of page | Delete Footer

[shawn Hosea]

Hello!
I really like this theme. Getting to my question though. I saw on another thread where a customer was given a piece of CSS code to center the navigation menu. Could you help me center the navigation to the MIDDLE of the page?

Also, How would I go about getting rid of the entire footer so that the home page is just a full screen image?

Thank you in advance Bill.

[Bill Robbins]

Hello Shawn,

That’s an interesting idea there. In order to move the navigation to the center of the page, both vertically and horizontally, what we have to do essentially is make the box that holds the header the full height and width of the screen. Here’s how you would do that:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   
   .home #logo {
   	position: absolute;
   	top: 0;
   	left: 20%;
   }
   
   .home #footer {
   	display: none;
   }
   
   .home #header {
   	position: absolute;
   	top: 0;
   	left: 0;
   	bottom: 0;
   	right: 0;
   	width: 100%;
   }
   
   .home #header-content {
   	position: absolute;
   	width: 100%;
   	height: 100%;
   	top: 0;
   	left: 0;
   	bottom: 0;
   	right: 0;
   }
   
   .home nav#top-menu {
   	position: absolute;
   	top: 63%;
   	margin: 0;
   }
   

3. Update your settings.

See how that works for you. Let me know if you have any trouble.

Thank you for your business,
Bill

[shawn Hosea]

Perfected! Thank you for your help and speedy support Bill.

[Bill Robbins]

Fantastic Shawn. Let me know if you need anything else.

[Author]

Posts