ThemeShaper Forums » Thematic

[closed]

Lining up thematic logo/menu horizontally using css

(1 post)
  • Started 3 years ago by Jamie Mitchell
  • This topic is not resolved
  1. Jamie Mitchell
    Member

    Howdy all...

    ok, a lot of folks need a menu on the right and a logo on the left. where as thematic by default has the menu under the logo.

    thanks to some of Ian's clever coding tactics on themeshaper itself i have come up with this solution very quickly.

    hope i explain things ok, let me know if you find any issues.

    /* this is a base to horizontally line up your logo and menu,
    you will need to adjust where required for your own individualy site...
    
    first you will need to import one of the thematic layouts to your childtheme style.css as margins and widths are used,
    then copy the thematic default.css to your childtheme style.css, then change the css as below*/
    
    #header {
      border-bottom:1px solid #CCCCCC;
      z-index:2;
    }
    #branding {
      padding:40px 0;
      position:relative;
    }
    #access {
      /*nothing here*/
    }
    .menu {
      left:50%;
      margin-left: -470px;
      position:absolute;
      top:50px;
    }
    .sf-menu {
      border-right:1px solid #ccc;
    	float:right;
    }
    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.