We help IT Professionals succeed at work.

Changing the size of a menu bar on a mobile app

David Schure
David Schure asked
on
59 Views
Last Modified: 2018-11-25
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

Comment
Watch Question

David S.Consultant & Challenge Subduer
CERTIFIED EXPERT
Top Expert 2009
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION

Author

Commented:
Thank you Guys.
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
You are welcome.