Making header responsive with Twenty Thirteen theme?

  • I’m building my personal site ( https://bensullivancreations.com/ ) and I’ve been trying to make the entire thing responsive for different screen sizes. I’ve got a 1600×230 image uploaded to Appearance > Header, and this works fine on a 1920×1080 screen, but when the screen size is smaller, e.g. 1366 wide, the site width shrinks but the header image just gets cut off.

    Is there a way I can add the header with CSS instead of the built-in header upload function? I think it would be easiest to display a different image for each screen size.

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

  • You are NOT using the original 2013 theme. If you had been, you wouldn’t have this problem as 2013 was built as a responsive theme right from the start.

    Thread Starter benrsullivan

    (@benrsullivan)

    Well I’m using a child theme of 2013, but shouldn’t it still have the responsive code from the parent?

    What happens if you use the parent theme?

    Thread Starter benrsullivan

    (@benrsullivan)

    It breaks pretty badly, the header is partly off the page on the left side and the page spans the whole browser width.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Making header responsive with Twenty Thirteen theme?’ is closed to new replies.