Skip to main content
March 17, 2017
Answered

How do I put background on the dropdown menu in mobile view (bootstrap navbar)?

In mobile view when the toggle is pressed the navigation appears but is hard to see.  I want to add a permanent background that appears which will highlight the dropdown menu.  Right now the background shows only when hovering.

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Nancy OShea
    Nancy OSheaCorrect answer
    Community Expert
    March 17, 2017

    Are you using a navbar-default (light background) or navbar-inverse (dark background)?  See screenshot of inverse.

    Alternatively, have you tried any of the Bootswatch Themes?   It's a quick & painless way to change up your Bootstrap color palette.

    Simply replace your Bootstrap CSS with any of the Bootswatch themes hosted on Max CDN.   The code below is for the Darkly Theme.

    <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/darkly/bootstrap.min.css" rel="stylesheet" integrity="sha384-S7YMK1xjUjSpEnF4P8hPUcgjXYLZKK3fQW1j5ObLSl787II9p8RO9XUGehRmKsxd" crossorigin="anonymous">

    darkly thumbnail

    Nancy

    Nancy O'Shea— Product User & Community Expert

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    March 17, 2017

    Are you using a navbar-default (light background) or navbar-inverse (dark background)?  See screenshot of inverse.

    Alternatively, have you tried any of the Bootswatch Themes?   It's a quick & painless way to change up your Bootstrap color palette.

    Simply replace your Bootstrap CSS with any of the Bootswatch themes hosted on Max CDN.   The code below is for the Darkly Theme.

    <link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/darkly/bootstrap.min.css" rel="stylesheet" integrity="sha384-S7YMK1xjUjSpEnF4P8hPUcgjXYLZKK3fQW1j5ObLSl787II9p8RO9XUGehRmKsxd" crossorigin="anonymous">

    darkly thumbnail

    Nancy

    Translate
    Nancy O'Shea— Product User & Community Expert
    March 17, 2017

    Hello Nancy,  I am using the navbar default.  Thank you for suggesting Bootswatch themes, I will look into them.

    Translate