Mobile Nav Menu Bar Icon Color

  • Resolved kfranklin

    (@kfranklin)


    8 years, 6 months ago

    Weblizar,

    Hello, I was trying to figure out how to adjust the default blue color of the mobile menu nav bar with the 3 stripes on it while in mobile view?

Viewing 5 replies - 1 through 5 (of 5 total)

  • enigma-theme.css line in original 246

    .navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 28px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: #049CFD;
	background-image: none;
	border: 1px solid #049CFD;
	border-radius: 4px;
}

    default.css line in original 528 

    .navbar-toggle {
	background-color: #31A3DD !important;
	border: 1px solid #31A3DD !important;
}

    remember you must use @media

    • This reply was modified 8 years, 6 months ago by weronikaxx88.
    • This reply was modified 8 years, 6 months ago by weronikaxx88.

    Website link.

    Try this

    @media (max-width: 767px) {
    .navbar-toggle {
    background-color: #31A3DD !important;
    border: 1px solid #31A3DD !important;
    }
    }

    @media (max-width: 480px) {
    .navbar-toggle {
    background-color: #31A3DD !important;
    border: 1px solid #31A3DD !important;
    }
    }

    @media (max-width: 320px) {
    .navbar-toggle {
    background-color: #31A3DD !important;
    border: 1px solid #31A3DD !important;
    }
    }

    @media (min-width: 240px) and (max-width: 319px){
    .navbar-toggle {
    background-color: #31A3DD !important;
    border: 1px solid #31A3DD !important;
    }
    }

    Thread Starter kfranklin

    (@kfranklin)

    Thanks so much guys..it worked!

    Hi, @weronikaxx88, @ali Siddique

    Thanks for Support.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile Nav Menu Bar Icon Color’ is closed to new replies.