Link to home
Start Free TrialLog in
Avatar of David Schure
David Schure

asked on

Changing the size of a menu bar on a mobile app

Having a problem with the menu bar at the top of a mobile device.   It's the perfect height on the desktop, however; on the phone it is too thick as are the menus that come up.  How do I shrink the height of the menu bar as well as each line element.

http://mediascrubber.com/index.html

.mobile_menu {
    overflow: hidden;
}
.logo-mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 18px 0 0 18px;
}
.logo-mobile-menu a img {
    width: 220px;
}
.mean-container a.meanmenu-reveal {
    width: 30px;
    height: 30px;
    padding: 20px
}

.mean-container .mean-bar {
    /*padding: 7px 0;*/
	padding: 5px 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.mean-container .mean-nav {
    /*background: #3c3c3c;*/
	background: #8f7a45;
	filter: alpha(opacity=70);
    -webkit-opacity: .7;
    opacity: .7;
}
.mean-container .mean-nav {
    /*margin-top: 60px;*/
	margin-top: 20px;
}
.mean-container a.meanmenu-reveal span {
    margin-top: 6px;
}

Open in new window

SOLUTION
Avatar of David S.
David S.
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of David Schure
David Schure

ASKER

Thank you Guys.
You are welcome.