CODEWITHSUNDEEP
twitter-bootstrapcsstwitter-bootstrap-3
Tripp
Tripp

Reputation: 165

Change Icon Bars Bootstrap Toggle Menu On Hover

How do you change the colors of the icon bars when hovering the toggle navigation simultaneously? Currently the toggle bars only change when hovering over each individual icon bar. Also how would you change the thickness of the icon bars?

CSS: 

    .navbar-default .navbar-toggle:hover{
    background: #dbdbdb;
    cursor: pointer;
}

    .navbar-default .navbar-toggle .icon-bar:hover {
    background: white;
}

HTML: Toggle navigation × Home Link Link Link Link

Upvotes: 0

Views: 651

Answers (1)

Marcin Zalewski
Marcin Zalewski

Reputation: 80

If you want to change icon-bar color when your cursor is over .navbar-toggle use this code:

.navbar-default .navbar-toggle:hover .icon-bar {
    background: color_for_icon-bar_backgorund;
}

And to make icon-bar elements thicker change height here:

.navbar-toggle .icon-bar {
    height: 4px;
}

Upvotes: 2

Related Questions