Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #949631

    Hi,
    Having searched the forum for a simple solution to wrapping menus on to muliple lines, I can’t believe there is not a simple solution to this.
    I got dismayed at a reply to someone in 2017 being referred to a post from 2014 and yet this simple, basic stuff is still not built into the theme.
    https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385
    Not only is this so so so long winded, but it includes mistakes. You guys are great at support, you can’t fault it. But when and where do you consolidate this type of request to make Enfold a better theme. All I have seen lately is quick fixes. Changes that are introduced are never explained. It doesn’t matter how big or small the change, you still need to explain them.
    You really need somewhere a user can go to get CSS Snippets that actually work, where the user does not have to pick their way through conversations about what works, what doesn’t, only to then see that the reply was only for someone using a desktop computer, not thinking someone might actually use a mobile device once in a while to visit an Enfold site.
    I see we now have gradient fill in the latest release … did nobody think to add that to the overlay while they were at it? This feature is 5 years too late and it offers very little in terms of visual enhancement.
    Enfold is really lacking, not only in terms of development but also in the ability for users to communicate / discuss with the development team.
    Please take a serious look at Elementor, not just in what the plugin offers, but also marketing, product marketing, Facebook participation and the rest.
    How do I easily get my multi-worded menu so it does not overspill the page?
    Menu Item One | Menu Item Two | Menu Item Three | Menu Item Four | Menu Item Five | Menu Item Six

    How do I get that centred on two lines?

    Many thanks and sorry for being so negative right now.

    #950515

    Hey Heathcliffe,

    Thank you for your input.

    We are currently working on extensive documentation.
    Here is a post on the menu http://graphitivity.com/enfold/docs/menu/

    We are always here to help, but if you’re in web development you need to know the basics, the HTML and CSS at least, we are not here to teach you that. If you do not understand the solution and you want to learn you could ask additional questions.

    I personally think, if you need to wrap the menu, your navigation architecture is inefficient and you really need to rethink it. There are plenty of websites with complicated menu structures to study for inspiration and these decisions are on you, it is not our place to make them for you.

    Best regards,
    Victoria

    #1034992

    I’d like to bump this thread. The link provided in the mod response no longer works and I’m looking for a similar solution to effectively wrap my top level menu onto multiple lines.

    #1035003

    FWIW, the following achieved the desired effect of getting the main menu to appropriately display on multiple lines when the responsive layout wraps items:

    .html_header_top.html_bottom_nav_header 
    #header_main_alternate .main_menu > div,
     .html_header_top.html_bottom_nav_header 
    #header_main_alternate .main_menu ul:first-child {
    	height: unset;
    	line-height: 0;
    }
    • This reply was modified 6 years ago by ian. Reason: improve readability
    #1035009

    And to be totally honest, I’m not sure this is the most efficient way to do this. Just happened to work.

    #1035403

    Hi ian,

    Thanks for the update. If your CSS works then I would go with that solution :-)

    Best regards,
    Rikard

    • This reply was modified 5 years, 12 months ago by Rikard.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.