If this is the result you would like to have to then following steps were needed if you are not familiar with uikit 2 at all:
Margin Uikit 2 Docu
There is a paragraph about removing margin in your case you have 3 possibilites at all:
- .uk-margin-remove Removes all margins.
- .uk-margin-top-remove Removes top margin.
- .uk-margin-bottom-remove Removes bottom margin.
So when you inspect the you ul in the browser console you can see following, i marked the yellow parts for you which are causing the space you dislike:

Well now you know that on each p, ul, ol etc element you have always a margin from top of 25 Pixel right?
If you want to get rid of it just put the above described class to your ul element following way:
- <ul class="uk-margin-top-remove">
- <li>Serious: Wine Sommeliers, keynote speakers (all subjects), security services and ceremony officiants.</li>
- <li>Not so serious: Walk-around magicians, mimes, stilt walkers, psychics, jugglers and caricaturists.</li>
- </ul>
That's it...
Well there is as well an Uikit v2 UL element class Docu:
https://getuikit.com/v2/docs/list.html#usage
there you can see different possibilities to change the style of lists by adding addiditonal css class to your ul elements:
- <ul class="uk-margin-top-remove uk-list">
- <li>Serious: Wine Sommeliers, keynote speakers (all subjects), security services and ceremony officiants.</li>
- <li>Not so serious: Walk-around magicians, mimes, stilt walkers, psychics, jugglers and caricaturists.</li>
- </ul>
Would remove the dots infront of each List (li) element.
Well bob as it is in general basic understading of html and css I would strongly recommend you to check out some basic documentations for pagekit and more likely uikit 2 as your theme is uikit 2 based. Don't get me wrong but the primal goal is always to help you to get your job done and improve your skill to do it by your own as you visibly are interested to do it on your own at all.
Regards,
Fossy
p.s. if something should be unclear don't be hesistate to write your question