Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 13, 2015 at 11:10 pm #458862
    hmsvictory

    In the main menu of the site, we would like the first drop down submenu to have the links display side by side (float/inline) instead of stacking vertically.

    These list menu items are children of li#menu-item-161. So I tried doing this and it didn’t work

    li#menu-item-161 ul li {display: inline; float: left;}

    There probably is a different css selector taking precedence. I am struggling to figure out which one it is. Any ideas?

    • This topic was modified 9 years, 5 months ago by hmsvictory.
    June 15, 2015 at 6:20 am #459101
    hmsvictory

    I should add that it only needs to apply in full-screen mode, when the mobile menu kicks in, those properties will cause problems.

    June 16, 2015 at 4:57 am #459809
    Rikard

    Hey!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    June 16, 2015 at 5:32 am #459817
    hmsvictory
    This reply has been marked as private.
    June 16, 2015 at 2:34 pm #460044
    Rikard

    Hi!

    The first CSS you posted should work, maybe you can add !important after the first argument and skip the float argument. Also, try to add this since the default setting is for the list items to take up 100% of the width: 

    .av-main-nav ul li {
  width: auto !important;
}

    Regards,
    Rikard

    June 16, 2015 at 4:36 pm #460137
    hmsvictory
    This reply has been marked as private.
    June 17, 2015 at 6:07 am #460552
    Rikard

    Hey!

    Ok, I’ll keep the thread open if you should change your mind :)

    Best regards,
    Rikard

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