My Header Image is Not Showing on Mobile for Sydney Theme

My Header Image is Not Showing on Mobile for Sydney Theme. My site is profseema.com I Tried changing the header type to full screen slider for front page header type in wordpress dashboard but image is still not showing on mobile.
Its shows that head image is disabled in mobile. can you tell how to fix itunnamed

Hello there,

Header image on Sydney is designed that way at this time, that we’ll see only a simple header without image on mobile screens.

To retain the header image on smaller screen, try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .sydney-hero-area .header-image {
        background-image: url(https://profseema.com/wp-content/uploads/2020/04/BannerFinal.png);
        height: 500px !important;
      }
    }

I hope this reply helps.

Regards,
Kharis
aThemes Support

1 Like

My website is using Sydney theme with woocommerce, when I go to website on mobile the problem is the header image disappear on all pages except “shop”. I tried with your code above its working ok but I really want the header image rotate Therefore, with your code in the comment above could you make all my header images random every time the page is refreshed?

Thank you

Hi @meen19,

Seems likely rotating image on shop’s header requires an additional plugin or third party script, which not the scope of theme’s support. So I’d recommend finding plugins on the WordPress.org’s plugins directory.

Regards,
Kharis
aThemes Support