Support » Theme: Twenty Seventeen » Menu bar on mobile

  • Hi,

    I’m having issues with responsiveness on the twenty seventeen theme. When my website is reduced to a certain width the ‘site branding’ jumps to the top of the header area and the menu bar no longer sits neatly at the bottom of the page with the header image filling 100%.

    Please take a look at and it should be quite clear when you shrink the window size.

    I’m not too bothered about the branding moving to the top its more about the menu alignment with the bottom of the screen.

    If anyone has time to take a look at this I would much appreciate it!

    Cheers, Karl

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Hello karlglenn,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

    .has-header-image.twentyseventeen-front-page .custom-header {
      height: 40vh;

    Hope this will helps you.


Viewing 1 replies (of 1 total)
  • The topic ‘Menu bar on mobile’ is closed to new replies.