Customize header for tablet and mobile?

hi! i’m very new to this, and i’m finding the support here to be fantastic! thank you all for your excellent work!

i’m using the sydney theme, and i’ve put in a bit of additional css to make the header transparent (there is a fixed image behind it), with white header , site description text, and menu text. however, on tablet and mobile–since the images are not fixed–i only see a plain white header, and i cannot see the text or the menu. can i make the header on tablet and mobile NOT transparent, but keep it transparent on the full site?

or, can i make the background images fixed (not scrolling) on tablet and mobile?

either solution will work for me.

many thanks in advance for your help!

Hello there,

To help me better understand the problem, please share a link to your site here to allow me checking it directly.

Regards,
Kharis

hi kharis,

thank you for taking the time. here is the site link: www.brianpalatucci.com

thank you!

Hello there,

Thank you for sharing.

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .site-header {
        background-color: #000 !important;
      }
    }

Regards,
Kharis

hi kharis,

that worked perfectly!

thank you so much!

brian.

You’re welcome Brian!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis