Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 26, 2016 at 6:51 pm #572273
    ewingmh

    I’d like to space the top menu items out evenly across the top of the entire page instead of aligned right.

    Gallery

    I need that space to adjust based on screen width.

    I tried this:
    #menu-main-menu > li {
    width: 15% !important;
    }
    @media screen and (max-width: 900px) {
    #menu-main-menu > li {
    width: auto !important;
    }
    }

    Which doesn’t work.

    January 26, 2016 at 8:19 pm #572344
    Andy

    Hi ewingmh!

    can you provide us a link to your site showing the elements in question please? we need to be able to inspect the elements.

    Best regards,
    Andy

    January 26, 2016 at 8:40 pm #572356
    ewingmh

    I did in the original post… here it is again:
    http://www.faygirls.com/gallery/

    January 28, 2016 at 5:21 am #573478
    Rikard

    Hi,

    Please try something like this:

    #main_menu {
    width: 90%;
}

.av-main-nav-wrap {
    width: 100%;
}

#top #header .av-main-nav > li {
    margin-right: 10%;
}

    You may have to adjust the values and/or add the !important statement at the end.

    Best regards,
    Rikard

    January 28, 2016 at 6:17 am #573498
    ewingmh

    Had to change a few thingsto get it to work at all.

    It’s not responsive… Any way to do that? Also the menu items aren’t centered in the menu div.

    January 29, 2016 at 12:45 am #574206
    Vinay

    Hi!

    Please try this 

    
.av-main-nav {
display:flex;
justify-content: space-between;
}

    Best regards,
    Vinay

    • This reply was modified 8 years, 10 months ago by Vinay.
    January 29, 2016 at 1:19 am #574217
    ewingmh

    cool – thanks. You guys never cease to amaze me with the level of support you provide.

    February 1, 2016 at 5:06 am #575523
    Rikard

    Hi,

    Glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.