Support » Themes and Templates » 2016 Header Image and Navigation

  • Resolved mrcangrejero

    (@mrcangrejero)


    My daughter, an MS patient and disabled Air Force Veteran, has a small bog here, where she shares personal MS-related experiences with others. Her blog uses a child of WP’s Twenty Sixteen theme.

    As you’ll appreciate, it has an image in the header and the navigation displays on the upper right and above the header. She wants the navigation to either display level with, or below the image. I’ve tried to come up with a solution to her desire but, being no expert myself, I have failed miserably.

    Any guidance on this will be really appreciated by us. Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • paulwpxp

    (@paulwp)

    Font hero

    Try putting this in your child theme style. It will display level with header image.

    /**
     * Resposition menu in screen >= 910px
     */
    
    @media screen and (min-width: 910px) {
    	.site-header-menu { position: relative; top: 135px; }
    }
    
    @media screen and (min-width: 985px) {
    	.site-header-menu { position: relative; top: 150px; }
    }
    
    @media screen and (min-width: 1100px) {
    	.site-header-menu { position: relative; top: 170px; }
    }
    
    @media screen and (min-width: 1200px) {
    	.site-header-menu { position: relative; top: 185px; }
    }

    Maybe there is a better way, but this is what I can come up with right now.

    Dear paulwpxp:

    Worked great. Thanks and the best to you and yours!

    paulwpxp

    (@paulwp)

    Font hero

    @mrcangrejero it’s my pleasure, and the same to you 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘2016 Header Image and Navigation’ is closed to new replies.