ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   dnorthington
   Member

   I've tried a number of things, but can't seem to modify my CSS to add space between my menu elements.

   My site is http://dnorthington.com

   I'm using the following function to move it up to the top right:
   

   // Move menu to top right
   
   function new_header() {
       remove_action('thematic_header','thematic_brandingopen',1);
       remove_action('thematic_header','thematic_access',9);
   }
   add_action('init', 'new_header');
   add_action('thematic_header','thematic_access',1);
   add_action('thematic_header','thematic_brandingopen',2);

   And the following CSS:
   

   /*** Align Menu in Header Right ***/
   
   .menu ul {float:right;}

   I've tried adding margin to a number of the Menu classes and IDs. I really admire the support provided on this site. Thanks in advance for any help.

   Posted 1 year ago #
2. 

   helgatheviking
   Moderator

   if i understood you correctly you are looking for:

   .sf-menu li {
   margin-left:10px;
   }

   and if you havent already you should http://www.getfirebug.com

   just as an fyi to anyone reading you could also have done

   add_action('thematic_aboveheader','thematic_access');

   this takes the menu out of the #header div completely and leaves the branding functions alone. your way works too though!

   Posted 1 year ago #
3. 

   dnorthington
   Member

   Thanks for your great advice and quick reply. I have firebug and I think I tried adding margin to just about every other entry... I also switched to your suggested hook for moving the menu up, but out of the header div. It makes things easier to manage.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.