Question: I stubbornly tried to create an Orbit slide show based on zurb foundation 6 framework.

I followed all the steps on the instruction page:[Orbit Slide Show](http://foundation.zurb.com/sites/docs/orbit.html).

I added everything needed for this type of slide show and included below CSS and Java Script classes in theme library:

* motion-ui.css
* foundation.css
* foundation.js
* jquery.js

The template code I used is here: [Orbit SlideShow Problem](http://foundation.zurb.com/forum/posts/46685-orbit-slideshow-problem)

But unfortunately all images display vertically below each other (one image below another) and the `Previous` / `Next` button does not work properly, see below image:

[![enter image description here](https://i.stack.imgur.com/YQywg.jpg)](https://i.stack.imgur.com/YQywg.jpg)

I would be happy to hear what the problem is, share your experiences and guide me to know what is the right way to load that slideshow?

Answer: 
The class implementing the block showing the theme logo, in [`SystemBrandingBlock::build()`](https://api.drupal.org/api/drupal/core%21modules%21system%21src%21Plugin%21Block%21SystemBrandingBlock.php/function/SystemBrandingBlock%3A%3Abuild/8.2.x) contains the following code.

```
  $build['site_logo'] = array(
    '#theme' => 'image',
    '#uri' => theme_get_setting('logo.url'),
    '#alt' => $this->t('Home'),
    '#access' => $this->configuration['use_site_logo'],
  );

```

So, for the path of the logo, you can simply use `theme_get_setting('logo.url')`, which returns `"/core/themes/bartik/logo.svg"`, in my test site.

If you want a relative URL for the logo file, for example because you want to use it for the `src` attribute of the `<img>` tag, you can do as [`template_preprocess_image()`](https://api.drupal.org/api/drupal/core%21includes%21theme.inc/function/template_preprocess_image/8.2.x) does.

```
$relative_url = file_url_transform_relative(file_create_url(theme_get_setting('logo.url')));

```

For an absolute URL, you can use the following code.

```
$absolute_url = file_create_url(theme_get_setting('logo.url'));

```

That code needs to go in a preprocess function, where it initializes a variable. For example, if I wanted the relative URL of the logo file in html.html.twig, I would use the following code.

```
function mytheme_preprocess_html(&$variables) {
  $variables['relative_logo_url'] = file_url_transform_relative(file_create_url(theme_get_setting('logo.url')));
}

```

And in the template, you would just use `{{ relative_logo_url }}` to get it.
In Drupal 8, [the site logo was moved in a block](https://www.drupal.org/node/2544012).

In block layout, you place a branding block in a region, which you then can configure to contain the logo, the site name and/or the slogan. You can place multiple branding blocks to use site branding elements in different regions.