코드문제는 처음 올려봐서 코드 스니펫 삽입을 몰랐네요 알겠습니다~

늘 답변 감사합니다 :)

본문에 코드를 올려주실 땐 반드시 에디터의 코드 스니펫 삽입 기능을 이용해주세요.

그렇지 않으면 이상한 코드로 바뀌거나,

질의응답 시 의사소통에 문제가 생길 수도 있습니다.

적용하신 미디어 쿼리 쪽을 중괄호로 묶어주셔야 할 듯합니다.

올려주신 코드 대신 아래의 코드로 교체해서 확인해보시겠어요?

@media (max-width: 768px) {
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar .navbar-nav .dropdown .dropdown-menu li a:hover, .navbar .navbar-nav .dropdown .dropdown-menu li a:focus, .navbar button.navbar-toggle:hover, .navbar .navbar-nav li:hover > a i {
	    color: #fff !important;
	}
	header.header .navbar .navbar-toggle{
	  color:#fff !important;
	}
	header.header .navbar .navbar-toggle:hover{
	  color:#fff !important;
	}
	header.header .navbar .navbar-toggle *{
	  color:#fff !important;
	}
	header.header .navbar .navbar-toggle *:hover{
	  color:#fff !important;
	}
}

CSS 코드 수정 후에는 반드시 브라우저의 캐시를 비우신 후에 확인해주세요.

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

고맙습니다.