Viewing 9 posts - 1 through 9 (of 9 total)
  • #17914
    GTS75
    Member
    Post count: 240

    Is it possible to center the main menu items under the center logo?

    Also, I have added items to the top menu bar, and “my account” is supposed to have multiple items show in a drop down, but when I hover over the down arrow next to my account nothing shows up.

    Any ideas?

    #18204
    Melanie – SUPPORT
    Member
    Post count: 11032

    I’m afraid for centering the navigation we would have to restructure the theme’s html code.

    For the other issue, can you show me your website please?
    Cheers!

    #18263
    GTS75
    Member
    Post count: 240
    This reply has been marked as private.
    #18268
    Red
    Member
    Post count: 114

    Hi ~
    I was able to center my logo and nav by following the instructions below, from this KB article:
    http://support.swiftideas.net/knowledgebase/how-to-center-the-menu-and-logo/

    “All you need to do is add the below to Flexform Options > General Options > Custom CSS:”

    /* Full width logo code */
    #header-section #logo {
    width: 100%;
    }
    #header-section #logo img, #header-section #logo img.retina {
    margin: 0 auto;
    }

    /* Full width menu code */
    #nav-section {
    width: 100%!important;
    }
    .nav-wrap {
    float: none!important;
    }
    #main-navigation {
    float: none;
    width: 100%;
    height: 48px;
    text-align: center;
    }
    nav .menu li {
    float: none;
    }

    /* Disable the nav search */
    #nav-search {
    display: none;
    }

    /* Responsive code */
    @media only screen and (max-width: 767px) {
    #header-section #logo img, #header-section #logo img.retina {
    margin-bottom: 20px;
    }
    #main-navigation {
    width: auto;
    height: auto;
    text-align: left;
    }
    }

    Good Luck!

    #18584
    Melanie – SUPPORT
    Member
    Post count: 11032

    Fantastic ๐Ÿ™‚

    #18684
    GTS75
    Member
    Post count: 240

    I tried adding that code to my neighborhood theme, and but all it did was make my main logo huge in the center. The main menu remained the same on the left side.

    #18686
    Red
    Member
    Post count: 114

    Oh, I’m sorry…I didn’t pay attention to what theme you were using! ๐Ÿ™

    #18735
    GTS75
    Member
    Post count: 240

    No worries! I appreciate you lending the code. Is it totally different for my theme?

    At the very least, is it possible to expand the space between each of my menu items?

    Thanks

    #19060
    Melanie – SUPPORT
    Member
    Post count: 11032

    Definitely!

    Use this custom css and adapt to your liking

    nav#main-navigation .menu > li {
    margin-right: 10px;
    }

    Cheers!

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register