Viewing 30 posts - 1 through 30 (of 31 total)
  • Author
    Posts
  • #286887

    Hello,

    My Main navigation bar is off center. How do I center it and possibly extent the blue bar for the navigation links full width. Also, how do I reduce the white space under the header on the iPad. On the iPhone the main navigation button is white, how do I change it’s color. Thanks

    #286912

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    #286935

    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

    #286938

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    #287032

    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?

    #287033

    I can see that, try adding this too:

    #advanced_menu_toggle, #advanced_menu_hide {
        color: gray;
    }

    Change gray for the color of your preference.

    Cheers!
    Josue

    #287034

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

    #287035

    Also, how do I unlink my socket?

    #287036

    You can use this code to color the toggle:

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

    Regarding the socket you can set [nolink] here – http://i.imgur.com/YYiQFBZ.png

    Cheers!
    Josue

    #287038

    It still won’t unlink for some reason. It’s trying to send me an email when I click it.

    #287039

    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.

    #287045

    Hi,

    Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    #287052
    This reply has been marked as private.
    #287215
    This reply has been marked as private.
    #287298

    Hi!

    Please try deactivating all active plugins and check if that helps

    Regards,
    Yigit

    #287355

    That didn’t work

    #287372

    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;
    }

    #287427

    Hey!

    Please review your site now.

    Regards,
    Josue

    #287441

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

    #287447

    Ok, check it now.

    #287463

    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 3 weeks, 4 days ago by  robertwood04.
    #287465

    I forgot a detail, it should be fine now.

    #287466

    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 :) .

    #287468

    Thanks for the kind words and the review, we’re always glad to help :)

    Regards,
    Josue

    #287783

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

    #287800

    The [nolink] is used to remove the Kriesi backlink that will appear there by default. The linking you were having on your socket was because you had a unclosed link in one of your footer widgets, i already fixed it.

    #287810

    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?

    #288138

    Try with this code (i modified what you already have):

    #advanced_menu_toggle { top: 120%; line-height: 12px; right: 45%; }
    #advanced_menu_toggle:before { content: 'Main Menu'; font-size: 12px }
    
    #288143

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

    #288161
    #advanced_menu_toggle{
    height: 60px !important;
    width: 120px !important;
    }

    Modify as needed.

Viewing 30 posts - 1 through 30 (of 31 total)

The topic ‘Center Main Navigation Bar & Reduce white space under header on iPad’ is closed to new replies.