lohsmith!

Here it is:

You need to edit this in the CSS stylesheet

*************around line 80-90********************************

/*--------MENU CONTAINER------*/
#menuContainer {
height: 100px;
width: 100%;
position: relative;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.8);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.8);
box-shadow: inset 0 0 5px rgba(0,0,0,.8);
}
body.home #menuContainer {height: 500px;}

********************************************************

As you can see, in the default code up here there is an overwrite value of 500px height if dealing with the home page.

What you want to do is edit this part:

===========================
/*--------MENU CONTAINER------*/
#menuContainer {
height: 100px;
===========================

Change it to 500px and now the menu bar on all your pages will be 500px, allowing enough room for the slider!

Please test it and let me know if it worked.
I just tried here and it worked for me.

Hope this helps :)

Simon

I don't know the exact code to change, but I can give you some clues.

Try doing the opposite action:

Initial code was:
<?php if(is_front_page()){ get_template_part('slider'); } else { get_template_part('menu');}?>

To have the slider on all pages, you can use:
<?php if(is_front_page()){ get_template_part('slider'); } else { get_template_part('slider');}?>

To help you understand what is happening, try putting the menu on the front page:
<?php if(is_front_page()){ get_template_part('menu'); } else { get_template_part('menu');}?>

You will notice that the front page now has a big menu bar, even though the slider isnt there anymore.

This means that in order to have "enough room for the slider" on your content pages (all other pages other than the front page), you will need to edit the pixel heigh of the menu itself on the content pages.

I'm sorry, but I don't have the time to look it up right now. However you can now take a look and try to find how to change that pixel value on the content pages. When you will find the value to change, you will notice a big difference between the front page and other pages.

I hope this helped. And to clarify, don't take my post for granted, I'm just a visitor here :)

Any thoughts on the problem I am having?

Hi there,

This is the exact thing I am looking for...however, when I replace the following;

<?php if(is_front_page()){ get_template_part('slider'); } else { get_template_part('menu');}?>

with;

<?php get_template_part('slider'); ?>

The carousel is displayed, but the menu overlaps the carousel. How do I retain the exact same formatting as on the home page??

Many thanks

(www.bansanghospitalappeal.org)

Open up "header.php" and locate the following...

<?php if(is_front_page()){ get_template_part('slider'); } else { get_template_part('menu');}?>

...and change it to the following...

<?php get_template_part('slider'); ?>

PLEASE NOTE: This has not been tested. Please let me know any issues you encounter.

How can I set it so that the Home Slider appears on other pages as well, not just the home page.

I found the code starting with:
<div id="menuContainer">

Is that where the Home Slider is? Where can I copy this in order to have the Home Slider appear on other pages. Ideally, I don't even need the home slider, just a large image in the same size as the slider. One large slider that belongs to each page on my site. The home one can scroll through but for each individual page, I just need 1 large image across the top above the menu items.

I'm not a pro coder but I can follow instructions well and figure things out pretty quickly. thanks.