If you use the Inspect feature of your web-browser's built-in Web Developer Tools to look at the layout of the ui-bar-body element (1) you will see that that element has a default top margin of 2.5em.
You need to decrease that element's margin-top attribute if you want both of it's remaining visable child elements (story-caption and menu) to move upwards.
#ui-bar-body {
margin-top: 0;
}
Now if you inspect the story-caption element you will see that it also has a default top margin, except this time it is 2em instead.
If you want this element to move even further upwards then you need to decrease this value as well, however this will be harder to do than the previous case because this element's default top margin is being applied by a more complex CSS selector.
#ui-bar-body>:not(:first-child) {
margin-top: 2em;
}
You can use the !important CSS Specificity exception to overcome this issue like so
#story-caption {
margin-top: 0 !important;
}
Obviously you can assign either of the above margin-top examples a value other than zero.
(1) In Chrome this can be done by selecting the ui-bar-body element within the Elements tab of the Web Developer Tools panel, and then keeping the cursor hovering over that element.