You can create anchor points in a section:

Edit > Advanced > ID - say 

my-anchor-point

to link to the anchor from a button or similar use '

#my-anchor-point

/*button padding */

.btn, .uk-button {
padding-top: 12px;
padding-bottom: 12px;
}

Navigate to YOOtheme > SETTINGS > Custom Code and into the field "CSS/LESS" insert the following CSS:

/* bullet list - force paragraph space to match - YOOtheme > STYLE > Base > Margin > Vertical. */
ul:not([class]) li + li {
margin-top: @base-margin-vertical;
}

FULL ANSWER

You could edit the HTML markup and change the opening tag of the "Unnumbered List" element from

<ul>

to

<ul class="uk-list">

This is the recommended approach.

Alternatively, navigate to YOOtheme > SETTINGS > Custom Code and into the field "CSS/LESS" insert the following CSS:

ul:not([class]) li + li {
margin-top: @base-margin-vertical;
}

This would inherit the default margin between paragraphs as defined via YOOtheme > STYLE > Base > Margin > Vertical.

You can replace the variable @base-margin-vertical by a lenght of your choice. Just make sure to use an integer followed by a unit, like 20px for example.

Put code into the CSS of the element you want to be sticky.

Adjust the position settings.

/*make the button sticky at the bottom*/
.el-element {
position: fixed;
right: 0;
bottom: 2%;
z-index: 1;
}

• 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.

Padding at the top of the slide out mobile menu

/* mobile menu offcanvas top padding */
.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
padding-top: 60px;
}

Style / NavBar

Level up the dropdown text with the nav text

Dropdown
padding 0px
@Mshift Margin -20px

Margin either side of the item text when you have a divider that you want to go full width

style / navbar / dropdown nav item

If you have two templates and need a different menu for each design.

You will need a login and a logout.

Create a new article category and an article for the new home page.
Create a new menu Menu2 and add the new page and an alias link back to website1 home.

Create a new Menu Module, Menu2, and 'Only on the pages selected' selected the pages on Menu2, but not the link back to Template1 home.

The default Template Style, Template1 should still be set to Pages, ‘default for all pages’
Created a New Template Style, Template2 selected to show on the Menu2 Pages and the link to the new template from the original menu, but not the link back to the Template1 site.

In the Menu1 Module set 'Only on the pages selected' and selected all the pages except Menu2 Home.

YOOtheme Templates
In the Menu1 template set Menus / NavBar Position Menu1
In the Menu2 template set Menus / NavBar Position Menu2

Make a To Top element in the footer:

go to the tab Advanced in the element

 /*make the button sticky at the bottom*/

.uk-totop {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1;
}

 Then make the To Top disappear at the top of the page and appear on scroll!!!

Navigate to YOOtheme > SETTINGS > Custom Code, and into the field labeled "SCRIPT" insert the following:

  // Add an attribute data-scroll to the html element
  // Source: https://css-tricks.com/styling-based-on-scroll-position/
  // The debounce function receives our function as a parameter
  const debounce = (fn) => {
      // This holds the requestAnimationFrame reference, so we can cancel it if we wish
      let frame;
      // The debounce function returns a new function that can receive a variable number of arguments
      return (...params) => {
                  // If the frame variable has been defined, clear it now, and queue for next frame
          if (frame) { 
              cancelAnimationFrame(frame);
          }
          // Queue our function call for the next frame
          frame = requestAnimationFrame(() => {
              // Call our function and pass any params we received
              fn(...params);
          });

      } 
  };
  // Reads out the scroll position and stores it in the data attribute
  // so we can use it in our stylesheets
  const storeScroll = () => {
      document.documentElement.dataset.scroll = window.scrollY;
  }
  // Listen for new scroll events, here we debounce our `storeScroll` function
  document.addEventListener('scroll', debounce(storeScroll), { passive: true });
  // Update scroll position for first time
  storeScroll();

 Then if it doesn't work add this

• Into the field "CSS/LESS" insert the following CSS to make the To Top fade away:

    html[data-scroll="0"] .uk-totop {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 600ms;
    }
  

  Or alternatively just hide it:

    html[data-scroll="0"] .uk-totop {
    display: none;
    }

 YOOtheme answer:

https://yootheme.com/support/question/167313#answer-540905

This was the original to top css, the above has worked better for me.

  .el-element {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 1;
  }

/*toggle icon on mobile background colour and space*/
.uk-navbar-toggle {
padding: 0px 15px 0px 15px;
background-color: #DDF3F5;
margin-top: 10px;
margin-bottom: 10px;
}