menu does not line up under header image

  • JohnsonL1

    (@johnsonl1)


    7 years, 10 months ago

    Hi everyone–

    I am just starting with Twenty Sixteen, and just beginning a re-do of an old site. I was fine with the menu above the header, but my client was not. So I moved it underneath the header image.

    What I realized, when the browser window is a little wide, whether the menu is above or below the header image, is that it shifts right–when it is above the header– or shifts left–when it is below the header.

    (I do not know why the menu lines up to the left when it is below the header image, and does not stay on the right). I would think that the menu would stay in alignment. I have not looked at the entire CSS yet.

    Maybe someone else has encountered this issue; if you have figured out the problem, I would really appreciate hearing your solution. Here’s the link to the very very very beginning site…!

    Many thanks!!

    link

Viewing 4 replies - 1 through 4 (of 4 total)
  • TRNimen

    (@trnimen)

    7 years, 10 months ago

    I’m having the same issue. Right now, my primary navigation menu is above the site logo and I want it parallel — Oh great WP gurus, hear our plea.

    Many thanks too.

    Thread Starter JohnsonL1

    (@johnsonl1)

    7 years, 10 months ago

    hello TRNimen–

    I still have not been able to move my menu from left to right, but at least i have solved the issue of aligning it to the [left] border of the header image. I found the answer on another forum (see link below) and it worked instantly. The menu is now lined up correctly underneath the left edge of the header.

    If you have a child theme and are comfortable changing the CSS, here is the code:

    .site-branding {
    margin: 0.875em 0 0.875em 0;
    }

    site-header-menu{
    margin-left:auto;
    margin-right:auto;
    }

    and here is the link to the forum discussion. The discussion has been closed, but maybe you will want to see it:

    https://wordpress.org/support/topic/center-menu-twenty-sixteen

    Hope this helps you, too, and many thanks to the nice person who saved me a lot of time–I would have had to mess around with the CSS for a while!

    TRNimen

    (@trnimen)

    7 years, 10 months ago

    J1 — thank you for this suggestion. It worked. Please see the result at http://ilikum.org.

    Thread Starter JohnsonL1

    (@johnsonl1)

    7 years, 10 months ago

    TRNimen– very glad it worked for you, too,
    thank you for the link!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘menu does not line up under header image’ is closed to new replies.