Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 29, 2015 at 6:34 pm #466009
    gbbollmann

    Hello!

    I have a mega menu at the following address (www.ilos.com.br/web) and cannot seem to find a solution for the line breaks (<br>) on certain menu items, like #menu-item-8916 (“ANÁLISE DE MERCADO”).

    Inside wordpress, in the Appearance > Menu page I have written the menu title as ANÁLISE DE<BR>MERCADO so I could get the line break. The problem is that I am getting a huge line-height that I cannot alter.

    Already tried that #menu-item-8916 { line-height: 1em;!important } and loads of variations of that, including spans, lis, etc… but nothing seems to work.

    Any clue on how I could solve that problem?

    Thanks in advance!

    July 1, 2015 at 3:46 am #466773
    Rikard

    Hey Guilherme!

    I couldn’t see any items in your menu with that problem, did you remove it or solve it yourself? Please let us know which menu item is the problem and we’ll have a closer look.

    Best regards,
    Rikard

    July 1, 2015 at 3:24 pm #467024
    gbbollmann

    HI Rikard,

    Thanks for the reply!

    No, i did not solve the issue.

    I managed to get all the menu-text to appear inside the menu area, however, at the expense of de-centralizing it.

    The menu container has a height of 50px and it´s line height was to 50px as well, so that elements that only have one line of text are centralized.

    You can see the problem happening here:

    http://www.ilos.com.br/testSite

    in the http://www.ilos.com.br/web (production site) I altered the following property to reduce the line-height, but this doesn´t work in the long run, since elements are not centered.

    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height:50px; line-height: 18px; }

    best regards!

    July 1, 2015 at 3:31 pm #467035
    gbbollmann

    Just to add some info to the above one:

    What I think is weird is that the menu and sub-menu texts are both encapsulated by the same span class (.avia-menu-text) and the line break inside the sub-menu works perfetcly. You can see that in the fourth menu “Análise de Mercado” – the first and second columns have many items that occupy two lines, but have a normal line-height.

    Cannot seem to find out what the problem is in the main menu…

    Thanks again!!

    July 3, 2015 at 10:52 am #467898
    Andy

    Hi!

    not sure what you are trying to do, as it is difficult to imagine what you write. Could you provide us screenshot showing what you want to achieve please? you can use imgur or dropbox.
    If you want to have control over the position of your submenu use this code:

    ul.sub-menu {
margin-left: 18px;
}

    and adjust as needed.

    Cheers!
    Andy

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