Community @ The Turning Gate

http://ktmcreative.com/

One more (hopefully) quick one.  For some reason, my navigation items are showing vertically on the left side.  Not sure how that happened.   It's not necessarily a bad thing, but I would like to know what caused it if I want to go back to horizontal.  I played around with the mobile breakpoint setting (even though I am viewing on a desktop) to no avail.

http://ktmcreative.com/

I have another question concerning Pages.  I finally think I have a grasp of drop-down navigation.  I was able to enable the "autoindex" section of my phplugins file and got a second gallery page going (Projects) with its own autoindex.  It has a test gallery under that and all works as expected.  Coming from a coding n00b, I was tickled to get this far. 

I am attempting to do the same with the About Me page (renamed from default About Pages page) with the intention to put some text-based pages under there (a couple are there for examples).  The navigation bar is acting very strange for this About Me menu.  It's navigation is acting totally different from the Galleries and Projects at least for me in IE and Firefox.  I used the same snippet of code that I copied and pasted for the Projects page to build the About Me menu changing the necessary specifics. 

Not sure what else you might need.  Below is a copy/paste of the autoindex section of my phplugins file.

// SITE-WIDE "DROP-DOWN" NAVIGATION MENU w/ AUTO INDEX DROP-MENU
// This function establishes a site-wide navigation menu using pseudo-absolute URLs (beginning "/")
// -- portable, domain agnostic, and without the location limitations of relative URLs.
// Serves as an example of a function being applied globally.
// Utilizes the auto index script to list galleries in a specified location as a drop-menu.
function ttg_header_navigation( $style, $path ) {
    echo '
<div id="navigation-container" class="navigation-container clearfix">

    <div id="navigation" class="block-id navigation clearfix">
    <div class="mantle clearfix">
        <div class="core clearfix">
        <div id="navigation-background">

        <div id="r2d2-menu" class="clearfix">
        <ul id="pull">
            <li><span>&nbsp;</span></li>
            <li><span>&nbsp;</span></li>
            <li><span>&nbsp;</span></li>
            <li><span>&nbsp;</span></li>
            <li id="open-nav" class="toggle-nav"><a href="#r2d2-menu"><i class="fa fa-reorder"></i></a></li>
            <li id="close-nav" class="toggle-nav"><a href="#"><i class="fa fa-remove"></i></a></li>
        </ul>

        <ul id="nav">
        <!-- EDIT ONLY BELOW THIS LINE : -->

            <li><a href="/">Home</a></li>
            <li><a href="/galleries.php">Galleries</a>
                <ul>
';

    $theroot = $_SERVER['DOCUMENT_ROOT'];
    $indexPath = '/galleries/'; // set folder location to scan for galleries

    require_once($theroot.'/lib/autoindex/autoindex.php');
    if (trim($_SERVER["QUERY_STRING"]) == 'debug')
        define ('AUTOINDEX_DEBUG', true); // enable statement to output debugging info from autoindex()
    $albums = autoindex($theroot.$indexPath);
    // $albums = array_reverse($albums); // Reverses album order
    // shuffle($albums); // Shuffles albums
    $j = min(count($albums), 8); // build <li>s from first 8 in gallery list   
    for($i=0; $i < $j; $i++) {
        echo '<li><a href="'.$albums[$i]['url'].'" title="'.$albums[$i]['description'].'">'.$albums[$i]['title'].'</a></li>';
    };
    if (count($albums) > 8) { // the 8 here matches the 8 above
        echo '<li><a href="/galleries.php" title="See more galleries" >more ...</a></li>';
    };

    echo '
                </ul>
            </li>
            <li><a href="/projects/index.php">Projects</a>
                <ul>
';

    $theroot = $_SERVER['DOCUMENT_ROOT'];
    $indexPath = '/projects/'; // set folder location to scan for galleries

    require_once($theroot.'/lib/autoindex/autoindex.php');
    if (trim($_SERVER["QUERY_STRING"]) == 'debug')
        define ('AUTOINDEX_DEBUG', true); // enable statement to output debugging info from autoindex()
    $albums = autoindex($theroot.$indexPath);
    // $albums = array_reverse($albums); // Reverses album order
    // shuffle($albums); // Shuffles albums
    $j = min(count($albums), 8); // build <li>s from first 8 in gallery list   
    for($i=0; $i < $j; $i++) {
        echo '<li><a href="'.$albums[$i]['url'].'" title="'.$albums[$i]['description'].'">'.$albums[$i]['title'].'</a></li>';
    };
    if (count($albums) > 8) { // the 8 here matches the 8 above
        echo '<li><a href="/projects/index.php" title="See more galleries" >more ...</a></li>';
    };

    echo '
                </ul>
            </li>
                               
            <li><a href="/blog/">Blog</a></li>
            <li><a href="/services.php">Services</a></li>
            <li><a href="/info.php">Info</a></li>
                       
            </ul>
            </li>
            <li><a href="/projects/index.php">Projects</a>
                <ul>
';

    $theroot = $_SERVER['DOCUMENT_ROOT'];
    $indexPath = '/projects/'; // set folder location to scan for galleries

    require_once($theroot.'/lib/autoindex/autoindex.php');
    if (trim($_SERVER["QUERY_STRING"]) == 'debug')
        define ('AUTOINDEX_DEBUG', true); // enable statement to output debugging info from autoindex()
    $albums = autoindex($theroot.$indexPath);
    // $albums = array_reverse($albums); // Reverses album order
    // shuffle($albums); // Shuffles albums
    $j = min(count($albums), 8); // build <li>s from first 8 in gallery list   
    for($i=0; $i < $j; $i++) {
        echo '<li><a href="'.$albums[$i]['url'].'" title="'.$albums[$i]['description'].'">'.$albums[$i]['title'].'</a></li>';
    };
    if (count($albums) > 8) { // the 8 here matches the 8 above
        echo '<li><a href="/projects/index.php" title="See more galleries" >more ...</a></li>';
    };

    echo '
                </ul>
            </li>
           
            <li><a href="/contact.php">Contact</a></li>

        <!-- EDIT ONLY ABOVE THIS LINE -->
        </ul>

        </div><!-- #r2d2-menu -->

        </div><!-- #navigation-background -->
        </div>
    </div>
    </div> <!-- #navigation -->

</div> <!-- #navigation-container -->
    ';
    return false;        // Replaces normal menu
} // END

I am working on migrating my site (http://www.ktmcreative.com) to CE4 and I am having a peculiar issue.  The site is in-progress so be gentle. 

The auto index on the Pages plugin for the Galleries page is not acting the same as a standalone auto index that I have deployed under the "Projects" menu.  I cannot get the index on Galleries to display the album info correctly (i.e. slide in, etc.).  The setting are the same between its auto index settings and the standalone I have deployed for "Projects" yet the album info on the Galleries will not work as desired.  In fact, the only thing I can get it to do it to be always on, which I don't want. 

On a second note, I am trying to figure out what setting controls the font color for the album information text.  I have yet to stumble across it.  I can change the background of the info, but not the text color.

Hopefully neither of these are too obvious because I don't want to waste anyone's time.

Thanks in advance!
Kevin