Hi,
the offending code is <nav class=”navigation twelve columns alpha”>
The class “twelve” is setting a column width of 12/16 (the design is using a basic grid system for the column widths). I changed it to ‘sixteen’ in firebug and that did the trick.
If your navigation is in the theme templates (probably in header.php) have a look for that line and change it to: <nav class=”navigation sixteen columns alpha”> and that might well do it.
@aljuk, don’t suggest people to make changes to theme templates without advising them to create a child theme!
@respectyoda – why would I do that? I think child themes suck. If you have a different opinion, by all means suggest it to the person who posted the question.
@aljuk, you must understand that if you tell people to edit the theme files that they downloaded from this site or any other site such as ThemeForest, then later down the road they update the theme, their change(s) will disappear! A child theme has to be created so they can safely make changes indirectly to the parent theme via the child theme so that when the parent theme is updated, their changes will not disappear. So thus, to provide sound advice, it is prudent to advise people to make a child theme.
Thank you for the response. So I understand I have to create a child theme. So how do I do that? And after I do that will I be able to sort out my problem?
Click on the link I gave above and it will give you full instructions on how to create a child theme. After that, copy header.php from the parent theme folder and paste it in the child theme’s folder. Once you do that, you can safely modify the code needed to achieve the desired effect you want.
