Mobile Navigation – Sydney Theme

Hi Guys,
I would like to make the mobile view of my navigation similar to this page:
http://www.sergioaleksovski.com/
The problem on my website is that if the pixel size is more than 767px, the navigation will scale incorrectly.

Fyi:
* Navigation minimalizmn */

@media only screen and (max-width:767px){

    .header-wrap .container{
    text-align: left;
    }

    .header-wrap .btn-menu{
    float: right;
    margin-right: 15px;
    }

    .header-wrap .col-md-4 {
    max-width: 90%;
    position: relative;
    z-index: 2;
    }

    .header-wrap .col-md-8 {
    margin-top: -70px;
    }
	
	.btn-menu{
		padding-top:20px;
	}

    #mainnav-mobi {
    top: 70px;
    }
    }

	
/* Active Navigation color */
#mainnav-mobi { 
  background-color: rgba(221,207,184,0.9);
}  

#mainnav-mobi ul li {
  border-color: #ffffff;  
}  

#mainnav-mobi ul > li > a { 
 color: #ffffff; 
} 

#mainnav-mobi ul.sub-menu {
  background-color: #ffffff;  
}

I am satisfied with the mobile view. I would appreciate your help.

Thank you very much 🙂

• This topic was modified 8 years, 2 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]