Skip to main content

Genesis Lesson 3 - Position Primary and Secondary Links

This video tutorial is specific to Genesis 6.x-1.2. The process for 6.x-2.x is exactly the same except the CSS file you need to edit is page.css located in your subthemes /css folder.

This tutorial show you how to easily position the primary and secondary links using the built in CSS snippets.

Genesis is a rapid development theme framework for the Drupal content management system.

Requirements

  1. A text editor - in the video I am using Dreamweaver 8 in code edit mode.
  2. Drupal 6 installed on your testing server. I use Wampserver on my localhost and have installed Drupal.
  3. Genesis theme framework must be uploaded to the server as well, all subthemes require the core framework as a dependency.

The basic steps

  1. Locate the primary and secondary CSS in the genesis_SUBTHEME.css file (around line 204).
  2. Uncomment the relevant snippet to position them either in the center or to the right.

See, I told you this would be easy:)

Comments

#1 Tabs

Would it be possible for you to show how to make tabs, such as sliding door tabbed primary menu?

#2 Absolutely

I am working on a demonstration theme for the long tutorials that we will build as a project. This includes tabbed navigation using sliding doors and CSS sprites. You will learn how to build the tabs, 2 methods of inserting HTML into the primary links (we need extra markup for IE) and how to get it all working with CSS. This will be a long video tutorial, and I will post all the files, snippets and images you need to get it working.

#3 Status?

Has this video tutorial been completed?

#4 I have 99% built the demo

I have 99% built the demo theme and have been scripting the videos, its been dragging out a bit due to work commitments. I do apologise for the delays, I’ll get there!

#5 superfish menus

How can I add superfish menus to this? Any help would be appreciated.

#6 Tutorial planned

I have a tutorial planned for adding Superfish menus (this will apply to any theme), but it does not use Primary menus but rather its own separate region & block template. Due to the time of the year this won’t be until after new year.

#7 Hi Jeff,

There isn’t an easy to follow procedure to add superfish menus to a theme on drupal org. Any time you want to proceed with the tutorial you should know you’ve got the audience..

#8 Superfish Menu

Looking forward for your next tutorial.Good job!!
 Fabio

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <h2> <h3> <h4> <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Adds typographic refinements.

More information about formatting options