[Theme: Twenty Eleven Child Theme] aligning #site-title & #access on same line

  • Working on a child theme.

    Have copied/pasted and re-arranged header.php a bit, so that I could get a full-screen width header.

    How can I put the #site-title and #access menu on the same line (i.e ‘horizontally align them’)?

    A flawed work around is to apply a negative/minus top margin, although this really messes things up when viewing the website on smaller screens.

    I’ve tried applying some of the same rules to get the #site-description (currently “display: none”) to appear next to the #site-title, but it didn’t work for #access.

    Test site: https://kevinhays.com/childthemetest/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter dimmy1985

    (@dimmy1985)

    I’ve managed a workaround based on WPCharity’s Twenty Eleven child theme, ‘Silver’: https://demo.wpcharity.com/silver/

    What I figure that author has done in their header.php is (sorry, can’t paste the code as I can’t download the theme):

    1. Move the nav id=”access” section above the <hgroup> containing site-title and site-description.
    2. Move the closing </nav> tag after the site-description

    Then in style.css, #access ul {{float: right; top: XXpx;}

    However, is the practice of moving the navigation above the site-title and site-description ‘unhealthy’ coding/for search engines?

    Thread Starter dimmy1985

    (@dimmy1985)

    I’m sorry, I forgot to add “position: relative;“, which is necessary should you want to use “top: XXpx;“:

    #access ul {float: right; position: relative; top: XXpx;}

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: Twenty Eleven Child Theme] aligning #site-title & #access on same line’ is closed to new replies.