Settings / Custom Code / CSS/LES

.tm-header-mobile .uk-navbar-container {
  background-color: white;
}

Then because my example is white I added a box shadow to the navbar in the same colour as the menu area bar to separate the header from the body of the site.

Inverse / Nav Default / Item Active Colour

Divider color

Base / RH / Border

Make sure Fileinfo is ticked in the PHP Selector / PHP Extensions, area of blackbarn.

Disolve one image to the next - with text over the top

Slideshow element, and select Settings > Animation > Transition: Fade.

Style / Components / Title

/*drop down background colour*/
.uk-navbar-dropdown-nav > li.uk-active {
background-color: rgba(204, 204, 204, 0.8);
}

Add to Setings / Custom Code / CSS/LESS

/*making the drop shadow stay on the header*/
.uk-navbar-sticky:not(.uk-navbar-transparent) {
box-shadow: 1px 1px 20px 0 #000;
}

Make a graduation and copy the code:

https://www.w3schools.com/colors/colors_gradient.asp

Add to the code into the colour area.

e.g. Jasper colour

linear-gradient(135deg, rgba(205, 83, 52, 0.5), rgba(133, 33, 36, 0.5))

linear-gradient(40deg, #E35996 0%, #B677D0 45%, #9791E9 70%, #6aaff5 100%)

• In the Joomla backend go to Components > RSForm! Pro > Manage Forms.

• For each form you use:

  • Click on the name of the form.

  • Click on "Form Properties".

  • Select Responsive Layouts > UIkit 3.x.

  • Set Options > Load Layout CSS / JS > No.

     

    

    (The screenshot is meant to provide general orientation. Your RSForm user interface might well look slightly different.)

• Click on "Save" in the toolbar.

Reload the page in the frontend to see if matters have improved.