title: Resizing of navbarPage() title and tab names in RShiny
body: <p>First, here's the skeleton code of the UI for the app I am working on:</p>
  
  <pre><code>library(ggplot2)
  library(shiny)
  library(shinythemes)
  
  player.list &lt;- c('Steph', 'LeBron', 'Kyrie')
  names(player.list) &lt;- player.list
  
  ui &lt;- shinyUI(
          navbarPage(theme = shinytheme("united"), h1(style="text-align:center", "Interactive NBA Graphing &amp; Charting Application"),
  
                     # first tab
                     tabPanel(h3("Shot Charts"), sidebarLayout(
                       sidebarPanel(
                         selectInput("name", "Select Player", choices = player.list, selected = 'Steph'),
  
                         br(), br(), br(), br(),
                         h5("Author"),
                         a(h5("Nicholas Canova"), href="https://twitter.com/SmokeyCanova")
                       ),
                       mainPanel(
                         h4("Shot Chart of Player"),
                         plotOutput('shotchart')
                       )
                     )),
  
                     # second tab
                     tabPanel(h3("Shot Type Analysis for Two Seasons"), sidebarLayout(
                       sidebarPanel(
                         selectInput("name", "Select Player", choices = player.list, selected = 'Steph'),
  
                         br(), br(), br(), br(),
                         h5("Author"),
                         a(h5("Nicholas Canova"), href="https://twitter.com/SmokeyCanova"),
                         p("Draw your own plot?"),
  
                         downloadButton('downloadChart', 'Download (csv File)')
                       ),
                       mainPanel(
                         h4("Fast Fact"),
                         plotOutput('playerchart')
                       )
                     )),
  
                     # third tab
                     tabPanel(h3("Assist Networks"), sidebarLayout(
                       sidebarPanel(
                         selectInput("name", "Select Player", choices = player.list, selected = 'Steph'),
  
                         br(), br(), br(), br(),
                         h5("Author"),
                         a(h5("Nicholas Canova"), href="https://twitter.com/SmokeyCanova")
                       ),
                       mainPanel(
                         h4("Shot Chart of Player"),
                         plotOutput('shotchart')
                       )
                     )),
  
                     # fourth tab
                     tabPanel(h3("Game Recaps"), sidebarLayout(
                       sidebarPanel(
                         selectInput("name", "Select Player", choices = player.list, selected = 'Steph'),
  
                         br(), br(), br(), br(),
                         h5("Author"),
                         a(h5("Nicholas Canova"), href="https://twitter.com/SmokeyCanova")
                       ),
                       mainPanel(
                         h4("Shot Chart of Player"),
                         plotOutput('shotchart')
                       )
                     ))
  ))
  
  server &lt;- shinyServer(function(input, output) {
  
    output$shotchart &lt;- renderPlot({  
      mydf &lt;- data.frame(x = 1:5, y = 1:5)
      ggplot(mydf, aes(x = x, y = y)) + geom_point()
    })
  
    output$playerchart &lt;- renderPlot({
      mydf &lt;- data.frame(x = 1:5, y = c(5,4,3,2,1))
      ggplot(mydf, aes(x = x, y = y)) + geom_point()
    })
  })
  
  shinyApp(ui, server)
  </code></pre>
  
  <p>At full screen, the navbar title and tab names looks fine:</p>
  
  <p><a href="https://i.stack.imgur.com/LYkn6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LYkn6.png" alt="enter image description here"></a>
  When i shrink the width of my window, it looks bad:</p>
  
  <p><a href="https://i.stack.imgur.com/J0a0g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J0a0g.png" alt="enter image description here"></a>
  When I shrink the window further, to the point that the main title itself wraps, it looks even worse:</p>
  
  <p><a href="https://i.stack.imgur.com/Vk7ML.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vk7ML.png" alt="enter image description here"></a></p>
  
  <p>Any thoughts on how I can improve this? I don't generally use navbarPage for my shiny apps, however for the app I am working on, I'd like the tab functionality, with each tab having its own set of inputs in the tab panel. Any help is appreciated! </p>
  
  <p>EDIT : I'd like to keep the header tags, if possible, although those seem to be what's causing the problem...</p>
  
  <p>EDIT2: I think i can fix this problem if I can simply resize the text without having to use header tags, but not sure how to do that.</p>
  
  <p>EDIT3: i think, to do edit2, i need to learn more about how to use tags to manipulate the css to make the page look how i'd like. any help with that also appreciated!</p>