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

CSS

Avatar of undefined
Last Comment
Julian Hansen

8/22/2022 - Mon
SOLUTION
David S.

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER CERTIFIED SOLUTION
Julian Hansen

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
David Schure

ASKER
Thank you Guys.
Julian Hansen

You are welcome.
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy