Mobile site Header and Background Image don't display correctly


I love the Astrid theme, but it is vexing me with some concerns.

The website is:

The header doesn’t show on the mobile site. There should be an image there. I have uploaded a mobile image that is square, but it’s not appearing on mobile (except mobile Chrome).

The CTA box is overlapping the content box.

The background image is a series of blue stripes instead of the background image, which is the same image as the header.

Sorry. That’s a lot of stuff, but I have been searching the forums and haven’t found any of these answers here.

Thanks in advance for your help!


Hello Bob,

  1. Regarding missing header image, try to clear the browser cache. Also you might want to check this WordPress Codex page.

  2. You can try to use the following CSS code. You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

  3. Please create a new topic for your background image issue to keep forum in good order and make it easier to help you.

@media (max-width: 400px) {
    .header-info {
        top: 5%

    .small-header {
        min-height: 340px

Kind Regards, Roman.