Support » Theme: Enigma » Mobile Nav Menu Bar Icon Color

  • Resolved kfranklin

    (@kfranklin)


    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 1 year, 8 months ago by  weronikaxx88.
    • This reply was modified 1 year, 8 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;
    }
    }

    Thanks so much guys..it worked!

    Weblizar

    (@weblizar_support)

    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.