Center Main Navigation Bar & Reduce white space under header on iPad

That worked for centering the navigation bar. Thanks. Anyway to reduce the white space under the header in iPad mini or change the color of the main navigation box on iPhone

Hi,
My Navigation button is missing on the iPhone. There’s just a white patch there but is not recognizable as the main navigation link. Can you tell me how to fix this?

That’s better but still white. Any way to make the box this color #068ca0?

I also noticed that on the iPad mini the main navigation links don’t work. When I try to click them it forces me to click the entire header. When I switch to landscape mode, the links work but the size of my navigation bar increases and my menu drops down.

Heres the cs I’ve added in the quick css. I bolded 2 lines. Could they be causing a problem?

#header .submenu {

background: none transparent;

}
.tablepress-id-N tbody td {
font-family: Josefin Slab;
font-size: 16px;
color: #000000;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold!important; }

#avia-menu li:first-child a {
border-left: 0 !important;
}
#avia-menu li:last-child a {
border-right: 0 !important;
}

#footer .social_bookmarks li {
clear: none!important;
}

#footer div .av_one_half:nth-child(1) { width: 38%; }
#footer div .av_one_half:nth-child(2) { width: 58%; margin-left: 4%; }

.logo img, #top .logo, .logo a, #header_main .container { width: 100%; }
.html_header_top.html_logo_relative .logo {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}

#main .container_wrap .container main, #main .container_wrap .container {
max-width: 890px;
}
@media only screen and (max-width: 989px) {
.avia-menu-text {
font-size: 9px !important;
}
}

.main_menu { center: 15%; }

.boxed .container {
margin: 0 auto !important;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
#header_main { max-height: 140px; }
}

#advanced_menu_toggle, #advanced_menu_hide {
color: gray;
}

#advanced_menu_toggle, #advanced_menu_hide {
color: white;
background: #068ca0;
}

It works again. Any way to keep the menu from dropping down when you turn it to landscape mode on the iPad mini?

Oh no! It linked the header again. It does work in landscape mode now and the navigation bar isn’t dropping down. Is there a way to have the best of both worlds?

• This reply was modified 10 years, 4 months ago by robertwood04.

Yes it is. Thanks again! I left a 5 star review on them forest for this theme and mainly the incredible support I’ve received. Any other place I should leave it? I’m definitely purchasing this theme again for my future projects. I wish I could have my wife bake you guys cookies or something :) .

My socket is still linked to the email. I places [nolink] before the text in the socket but still linked. Anyway to fix that?

Thanks. The navigation button for the main navigation menu in the responsive mode is covering the header. Is there a way to move it down to the space just below the header? Is there a way to label it Menu or Navigation or something?

Anyway to have that text run horizontal instead of vertical? More like a rectangle instead of a square.