Add logo to flexdashboard

Question

I am having trouble adding my company logo to a flexdashboard output. I have looked into the issue and tried using a relative path, and resized my image to 48x48. I am still getting a broken html image when I run the document. Does anyone have any ideas of what could be wrong? This is my YAML:

title: "title"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    source_code: embed
    logo: FoodBev.png
runtime: shiny

Also, the image is in my working directory. Thanks for your help!

Answer 1

add custom.css file to directory ----> than, edit through notepad and add the code below:

img{
     max-width:48px;
     max-height:48px;
}

Good Luck