With Montezuma, you have to work back & forth between 1) the virtual template files, which determine what content you see (and generally where that content appears), and 2) the virtual CSS files, which styles the appearance of the content.
If you go to the header.php template file (Appearance > Montezuma Options > Sub Templates > header.php), you'll see the code which creates the header portion of your pages. In the bottom third you'll see this function call:
Code:
<?php wp_nav_menu( array(
'container' => 'nav',
'container_class' => 'menu-wrapper col7',
'container_id' => 'menu1-wrapper',
'menu_id' => 'menu1',
'menu_class' => 'cf menu',
'theme_location' => 'menu1',
'fallback_cb' => 'bfa_page_menu'
) ); ?>
This PHP function call to
wp_nav_menu causes "menu1" to be output. Basically, if you don't like where the menu is located, just cut out this bit of code and paste it somewhere else, either another place inside the header, or into a totally different subtemplate, like footer.php if you want your menu at the very bottom. The main thing that you have to remember is to adjust the class names (
col#) to make it work well within the responsive grid system. That is, if you look at the code above, you'll notice that the default menu has a class of
col7, because it's on the same row (or line) as the logo area, which has a class of
col5. The class numbers for elements on the same row
should add up to 12 for the responsiveness to work correctly. So if you want to put the menu on a totally separate row, all by itself, you want to give it a class of
col12,
and, because you're freeing up the space to the right of the logo area, you'll also want to adjust the class of the logo area to
col12 as well.
Once you get the menu to the location that you want, you'll then use one of the web debugging tools that I mentioned earlier (
Firebug or
Chrome Developer Tools) and see what CSS rules are in effect for the menu. If you're using Chrome DevTools, then you'll mostly want to learn how to
inspect the CSS rules (scroll down about halfway down to the
Styles section). Once you figure out what rules you want to change, you can go to the virtual CSS file where the rule is located and change it there (most of the CSS for style menu1 should be found in the menus_menu1.css file), or you can add a rule to the end of the various.css file to override the existing rule (CSS files can be found by going to Appearance > Montezuma Options > CSS Files).
What's nice about Montezuma is that it is easy to play around with something like this. If you happen to screw up the appearance very badly, you can restore the header back to the default appearance by clicking the button at the bottom that has the circular arrow and reads
subtemplate-header (
don't click the
Reset ALL button unless you want to restore the default settings of
all options, including templates, CSS files, and header information). You should also regularly back-up your settings so you don't accidentally lose your work by going to the Export Import section, copying the contents of the
Current Montezuma Settings field into a text editor like Notepad, and saving it on your local computer.