My guess is that you imported a layout with a "Transparent Header".

After importing the "Pro Layout", open the "Builder", hover over the name of the section at the very top (= the first section of the page),
click on the pencil icon to edit it,
click on "Settings",
select Transparent Header: None, and save the changes.

YOOtheme / Settings / External Services

Go to https://analytics.google.com/analytics/web/#/p352203128/reports/intelligenthome

click on your GA4 property top left / Admin wheel bottom left / Data collection and modification / Data streams / then the arrow next to your property / 

then copy the measurement id with the G in front.

Copyright Code

<p>©<script> document.currentScript.insertAdjacentHTML('afterend', '<time datetime="' + new Date().toJSON() + '">' + new Intl.DateTimeFormat(document.documentElement.lang, {year: 'numeric'}).format() + '</time>'); </script>

XXXXXXXXXX. Copyright © XXXXXXXXXX.co.uk All Rights Reserved .</p>

<p>website designed and built by yeswedowebsites.com</p>

<p style="color: #666">website designed and built by yeswedowebsites.com</p>

Style / Global / backgrounds

Style / Global /

Drop Kick Brewing

Nice fonts.

Topography - pt serif

Primary - Teko

Secondary - montserrat

Text / Meta

Style / Section

change the background colour

Style / Button / Background

https://www.millbanknurseryschools.co.uk/

https://woodfloors-farnham.co.uk/

To the best of my knowledge, the Lightbox will generally get the default "Slide" animation when navigating through the items, and there is no setting to change that.

But by way of a customization you could try the following:

• Edit the "Gallery" Builder element this is about, click on the tab "Advanced", and enter the following string into the field labeled "CLASSES":

my-lightbox-fade-animation

• Save the changes.
• Navigate to Settings > Custom Code, and into the field "SCRIPT" insert the following:

 jQuery(function($) {
      $('.my-lightbox-fade-animation [uk-lightbox]').attr('uk-lightbox','toggle: a[data-type]; animation: fade');
      });

• Important in case the field is not empty and already contains any JavaScript content: If the existing script content is wrapped in <script> and </script> tags insert the additional script also wrapped in <script> and </script> tags. Alex provided a helpful information page for this subject: Secrets of the custom code Script field.

• Save the changes.

Reload the page to test the result.

Change the main header area colour

Style > Theme > Header Top > Background

And then the menu nav bar
Style > Navbar > Background

Style / navbar / Box Shadow -

Don't forget to add the px