1

I am trying to embed social links on a flexdashboard and I get the following:

enter image description here

---
title: "Dashboard"
output: 
  flexdashboard::flex_dashboard:
    storyboard: true
    css: ["default", "assets/css/my-theme.css", "assets/css/my-fonts.css"]
    orientation: columns
    navbar:
        - { icon: "fa-github", href: "https://github.com/", align: center }
        - { icon: "fa-youtube", href: "https://www.youtube.com/", align: center}
        - { icon: "fa-linkedin", href: "https://www.linkedin.com/", align: center}
    vertical_layout: fill
    theme: 
      version: 3
      bootswatch: yeti
runtime: shiny
---

Is there a way to properly align it to the right side? Mine appears to be on a newline.

I came from this post: How to define links for social network icons on flexdashboard?

Ranji Raj
  • 778
  • 4
  • 18
  • Have you tried `align: right`? A reprex maybe useful here. Your css files may be changing the default behavior. I tested using your layout specs (exl. css files) on a template and the icons displayed on the right. – Jamie Oct 24 '22 at 01:10
  • Yes, I tried your suggestion, I just moved to the `left` to solve the alignment issues. – Ranji Raj Oct 24 '22 at 18:38

0 Answers0