This topic is: resolved

Menu align center

  • AvatarAstralJapan
    Participant
    Post count: 4
    # 3 years, 9 months ago

    Hi there,

    Trying to align center the menu (nav.navigation) using the margin left and right auto, but its not working. Is there something to be with the col-md-12 style?
    My test url is sergiocastro.astral-ltd.co.jp

    Thanks for any help.

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 9 months ago

    Hi there

    Sorry but i can already see it in center of the page? Were you able to fix it for you? http://drops.imithemes.com/10MnU

    Thanks

    AvatarAstralJapan
    Participant
    Post count: 4
    # 3 years, 9 months ago

    Hi,
    Thanks for your reply.
    Actually, I adjusted the paddings and margins of the “li”s in order to give this center alignment impression, but if i delete one “li” item or turn the screen smaller, the menu will align to left…

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 9 months ago

    Ok use below custom css at Theme Options > Custom CSS/JS
    .navigation > ul > li{float:none; display:inline-block;}
    .navigation > ul{text-align:center;}

    You might need to adjust the padding you changed as inline blocks takes some 5px more space than floated list items.

    Thanks

    AvatarAstralJapan
    Participant
    Post count: 4
    # 3 years, 9 months ago

    It worked!
    Thanks again for your support.
    Noticed that display inline-block is being used recently by many people.

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 9 months ago

    Great! Thanks
    Would you mind giving a 5 star rating to our theme at your ThemeForest’s Downloads page? That would be very appreciable. Instructions to do that: http://cl.ly/image/1p2U0N0H0a0E

    Avatareikelboom
    Participant
    Post count: 33
    # 3 years, 9 months ago

    works for me as well!! only swapped center for left to align to the left.

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 9 months ago

    @eikelboom Glad it helped you 🙂 Thanks

    Avatareikelboom
    Participant
    Post count: 33
    # 3 years, 9 months ago

    it did, but I posted a new topic that the top main menu is also left now. There is now space on the right. So how to get that centered while having the submenu items aligned to the left.

    AuthorAuthor
    Keymaster
    Post count: 26666
    # 3 years, 9 months ago

    @eikelboom This thread is about Real Spaces HTML template. You are using NativeChurch theme and you should follow up on your newly created thread. Thanks

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.