The Stallion Responsive Theme and Stallion WordPress SEO Theme include a built in WordPress nav menu with images. The Stallion WordPress photo navigation menu is built outside the default WordPress nav menu system (the navigation menu that tends to be below the header), so you can have both running at the same time. The Stallion photo navigation menu comprises of 5 image links, the 5 menu items in Stallion Responsive can link to anything, static Pages, blog posts, categories, custom links… WordPress Menu Images Below is a screenshot of the Good Karma Blog with a Stallion photo navigation menu. The image nav menu uses ‘concertina fold’ javascript code to reveal/hide the nav images, as you hoverover the menu links the […]
Continue Reading Mobile Responsive WordPress Nav Menu
IE WP NavMenu Hoverover Error
Hi Dave,
for some reason when using IE and hover over the menu the childs are displayed shifted to the right. Check it out here
Regards
Héctor
WordPress Navigation Menu CSS Styling
That’s normal, looks the same in Firefox.
When I was creating the navigation menu code I tried for directly underneath, but that’s how it came out and I liked the slight offset, so didn’t adjust the CSS.
David
Navigation Menu CSS Styling
Hi Dave,
“That’s normal, looks the same in Firefox.”
From my browser, it’s being showed underneath (Firefox 3.6.13), and it works well.
But in IE 7.0.5730.13, it’s a real challenge to use child menu. It’s shifted to the right in such a way that I can’t select it, e.g, when I try to select the child (and I move away from the parent), the child dissapears. I have to make several attempts.
Héctor
Navigation Menu CSS Styling
WP Navmenu CSS Broken in IE7
Ran this site through the new IE emulator and in IE7 tests I see what you mean now. I got the code from TwentyTen, though had to modify it a lot because it was interacting with the main layout. Looks like I’ve broken something in the CSS modification, will try to fix it.
I’m planning on running out an update to fix issues like this before the Clickbank affiliate program goes live, so should be a fix before next weekend.
David
This is fixed in Stallion 6.1
WP Navmenu CSS Broken in IE7
Disable WP Navigation Menu
Please advise how to the take away the WP navigation menu from the header.
Thanks for your help.
How to Turn Off WordPress Navigation Menu
Under your WordPress Dashboard
“Stallion Theme” >> “Layout Options”
“Navigation Menu” : “Navigation Menu OFF”
You can also build a custom navigation menu (add any links you like) with Stallion via “Appearance” >> “Menus”, the navigation menu on this site is built that way.
David
Stallion Photo Navigation Menu Image Options
Hi David,
I can’t find the Stallion Photo Navigation Menu Image Options anywhere to configure the photo nav options and upload images.
John
WP Photo Navigation Menu Tutorial
I’ve added the information to the tutorial above now.
One of the tutorials I forgot to update with the new features in Stallion 6.1.
David
Using Categories with the WordPress Image Navigation Menu
In Stallion 7 (next update, NOT released yet) I’ve hacked the code behind the Stallion Photo Navigation Menu so Categories, Tags, custom links any link can have an image associated with it.
I was wanting to add the ability to associate images with a Category etc… and use the image for the Stallion Photo Navigation Menu just like it currently works with the Posts and Pages in Stallion v6.2. This would be a real pain to code and wouldn’t work for custom links, so not an ideal solution anyway.
Realised it would be a simple case to use 5 default images rather than the current one “Hot Post” image and have the user upload their own images over the 5 default ones. It’s not as elegant as being able to use the built in WordPress image uploader, but it will work with any link which is more important than being pretty.
When Stallion 7 is released all you’d have to do to use Categories and/or Tags and/or Custom Links within the Stallion Photo Navigation Menu is create a Custom Menu under “Appearance” >> “Menus” adding 5 links (Categories, Tags, Custom Links, Pages, Posts, anything you want to link to) and use it in the “Photo Navigation Theme Location” (box on the left).
For Posts and Pages Stallion will still look for a “Photo Navigation Menu Image” which you can add by editing the Post/Page (same as it currently works in Stallion 6.2). If a “Photo Navigation Menu Image” isn’t found one of 5 default images will be used. For Categories, Tags, Custom Links a default image will always be used.
The default images are within the Stallion theme folder at (remember this is Stallion 6.3 information, so not available yet) :
Files 0.jpg to 4.jpg where
For example if your 3rd link (from the left) of your Stallion Photo Navigation Menu is a Category it will use image 2.jpg. All you have to do to have your own image for that link rather than the default is create an image 300px by 200px called 2.jpg. Using FTP upload your 2.jpg image to
Repeat for the other link/images and you’ll have a pretty image based navigation menu.
David
Using Categories with the WordPress Image Navigation Menu
Move WordPress Navigation Menu
Hi David,
I can´t find this option:
Navigation Menu Position
Below Header : the default setting positions the navigation menu at the bottom of the header area.
Above Header : positions the navigation menu at the top of the header area.
I want to move the navigation menu above the header, but I can´t find this option in v6.2
Could you please give me a hint?
Thanks
Move WordPress Navigation Menu
WordPress Custom Menu Usage
Under Stallion Theme >> Layout Options set
Navigation Menu Primary : Navigation Menu OFF
Navigation Menu Secondary : Secondary Navigation Menu ON
Under Appearance >> Menus
Use the custom menu you have set for “Primary Navigation” for the “Secondary Navigation” area. You can also set the “Primary Navigation” area to blank.
Completely straightforward :-)
If you wanted both the “Primary Navigation” and “Secondary Navigation” menus working at the same time with different links you’d leave the Stallion Layout option as it was
Navigation Menu Primary : Navigation Menu ON
And under Appearance >> Menus build a new custom menu for the “Secondary Navigation” area.
David
WordPress Custom Menu Usage
WordPress Navigation Menus
Hi David,
It worked well. You also answered the question how to remove pages from the Primary or Secondary Navigation area and get them showing up on the left side-bar (using page widgets).
Really great work, David, what you have done with this theme.
Thanks a lot
Héctor
Move WP Navigation Menu
David,
Is it possible to move the WP Navigation Menu to the right side?
In Stallion 6.0, I have it on the top-right side.
I was trying to do the same in Stallion v6.2, but I can’t find the option.
Thanks
Héctor
WordPress Navigation Menu CSS
There was a ‘bug’ in the early Stallion 6.0 CSS menu code that meant the drop down menu didn’t work correctly in earlier version of Internet Explorer (terrible browser).
I rebuilt the CSS and code using the TwentyEleven theme code/CSS as a starting point and it has the navigation menu located on the left rather than the right. The drop down works well with the current CSS and code and left alignment, so kept it on the left.
Have looked at adding an option to have right alignment as well, but I couldn’t get the CSS to do what I wanted, so currently no plans to have a right align option.
David
WordPress Navigation Menu CSS
WP Image Navigation Menu Issue After Theme Upgrade
Hi,
I just updated to the latest theme version via ftp upload, as suggested, because I was already using it on a website. After the upload the images from the WP photo nav menu have disappeared. I have cleaned out the timthumb cache and disabled super cache as well as turned photonav / setup menu option off and on in various different mixtures. I`ve also pumped timthumb memory to 128M.
After all that and turning off all caches still no images in the nav menu. i have also gone to all `pages` that are the photo nav and ùpdated` them to see if that would reset them somehow but no go.
-Tai
WP Image Navigation Menu Issue After Theme Upgrade
WordPress Mutisite Upgrade Overwrote Timthumb Settings
I have a Multisite WP install and the theme upgrade wrote over my timthumb config changes to allow fetching from external websites. I`ve learned my lesson and will now pull those settings changes into the proper timthumb-config.php file.
-Tai
Timthumb.php and External Image Sources
Glad you figured it out and thanks for letting me know so I didn’t have to try to figure out the issue (in theory anyway, can’t help myself :-)).
The Stallion Photo Navigation menu does use Timthumb.php to cache the thumbnails, but they should be located on your domain so even if you have set Timthumb.php to grab images from other sites- BTW I didn’t use that options because of potential security issues, the developers of Timthumb version 2 (what Stallion uses) have said they’ve fixed the security issue with allowing external sources for images, but I was playing it safe (I was in two minds to code thumbnails to be generated from external sources).
On the odd site I have seen the cached images stop working right after an update, I believe Timthumb.php will eventually refresh the cache, but being impatient I’ve logged in via FTP and deleted everything within the /cache/ folder which fixes the issue (basically forces a refresh).
I also found a version of Timthumb.php 2.8.2 or .3 I think wouldn’t work with Stallion, found what I thought was a fix, but wasn’t stable so reverted to a slightly older version, so if you’ve updated Timthumb yourself maybe your server doesn’t like 2.8.5 which I think I updated to last update (Stallion 7.0.1). I didn’t update Timthumb with Stallion 7.1 (forgot to check :-)) I see they are currently at version 2.8.10 (a lot of changes for about 3 months), when I get to the next update will check Stallion works with the latest version.
Anyway, for future updates I suggest you look into using the Stallion Child Theme (it’s free) which includes a copy of Timthumb.php (2.8.5) and will save the cached images inside the child theme folder rather than the main Stallion theme folder, set the permissions of the cache folder within the child theme folder and that folder will be used instead (I plan to use a child them on all my sites just for this ability, will make updates so much easier). When you update main Stallion the Timthumb.php file within the child theme folder won’t be overwrote so you can edit options etc… directly within the main Timthumb.php file inside the child theme.
Stallion’s child theme implementation is better than WordPress core, the vast majority of Stallion files just have to be copied into the child theme folder to be used rather than the corresponding file in the Stallion theme folder, perfect for theme development even for those with poor HTML, CSS, PHP skills, copy a file to the child theme folder and edit away, if you get it completely delete the file and no harm done. With some themes it’s a pain to override a file.
David
Timthumb.php and External Image Sources
Timthumb.php You are not allowed to fetch images from an external website
Checked your website after writing the above :-)
I see you are trying to link to another domain for the Photo Navigation menu images and it’s not working. Simple solution would be to upload the images to the domain you are using Stallion on then no need to edit the Timthumb options: no Stallion feature uses external image sources and Timthumb.php.
If you view source of your home page you can see the Timthumb.php links like
Load the above in a browser and you’ll see an error message, 403 Forbidden which isn’t what you should see if this is just about Timthumb.php settings,.
Same link format, but from this domain which is running Timthumb 2.8.5 with external image sources disabled (default Stallion setting).
You can see it’s a Timthumb error message (what it should be):
You are not allowed to fetch images from an external website.
David
Timthumb.php You are not allowed to fetch images from an external website
WordPress Theme Import/Export Settings
Right now I have my main website set up the way I want it. If I want to use child theme I will have to redo ALL of the settings. (???) I’m surprised you don’t already have something to import / export settings.
That would make it easier to clone websites.
If you have some idea how I can simply copy over all the settings to the child theme I would definitely like to do that.
-Tai
WordPress Theme Import/Export Settings
WP Theme Import/Export Options
Having the ability to export and import theme settings is on the list of features to add.
Currently under the main Stallion theme Options page near the bottom are default settings that currently link to two files that can be edited by a theme user to create a set of preferred defaults. In the next update I plan to add more default files with different Stallion setups, but they aren’t as good as an import/export feature.
If you are using multisite have you looked at the Blog Template plugin? I have a lot of autobloggers using Stallion (and Talian 5) and wrote a tutorials for Talian 5 at Massive Passive Profits Plugin Setting Up a Sub-Domain Blog Template with Talian 05. there’s a link to the Blog Template Plugin on the above page. The plugin can clone a multisite sub-blog and use it to create more sub-domains etc…
David
WP Theme Import/Export Options
WordPress Child Theme Settings
Ok, so for now I will have to recreate the settings in the child theme. Maybe I can play around with the database and see. . . better make a backup first. Thanks.
-Tai
ps: yes I have blog template, I was trying to save myself time of having to recreate all the settings in the child theme.
Stallion Child Theme Options
No the Stallion Child Theme options are independent of the main Stallion Theme options.
When you first activate the Example Stallion Child Theme it’s not like activating Stallion for the first time, your current Stallion options aren’t changed.
Only Custom Menus under Appearance >> Menus are no longer set, they still exist so it’s just a case of going to Appearance >> Menus and selecting menus for Primary etc… (if you ever set any). This is what happens when a new theme is activated even if it is a child theme.
Everything else is left like it was before you activated the example child theme since the child theme adds to Stallion, doesn’t replace it.
What happens is the Stallion Child Theme Options page has new options you can set the other Stallion options pages remain the same.
All the example child theme options are set to use the original Stallion options (you’ll understand when you see it in action), as this was an example child theme I created an example banner set, header image, 2011 header set, thumbnail set, one layout and one colour scheme from main Stallion files: just randomly grabbed images to make up image sets and copied over a couple of css files and renamed them example so users can change the settings and get different images etc… but they aren’t new images. The examples are there for developers to get a feel for creating Stallion Child Themes and if a theme user have basic PHP/CSS skills will find it much easier to understand how to create new option on the Child Options page.
If all you are looking to do is avoid having to change the cache folder permissions every update, add some custom image sets via the custom image set options, maybe make some minor css or PHP code changes using the Example Child Theme is ideal. You wouldn’t even change a single option on the child theme options page, you’d change permissions on the child themes cache folder, copy over any images/files from main Stallion you wanted to modify or add your own images to the child theme folder and select them like with main Stallion.
Really cool how it works.
David
Stallion Child Theme Options