Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 3, 2015 at 7:35 pm #423236
    ppi37

    Hi,
    I want to have a subtile with a Top Header menu.
    I tried the CSS below (find here : https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385)
    Menu item : ÉTHIQUE<span class=”menu-break”>notre vision</span>
    Quick CSS :
    span.menu-break {
    display: block;
    line-height: 0;
    bottom: 25px;
    position: relative;
    }

    It is OK, except when the menu becomes small (when we go to the bottom of the screen), and also with the mobile menu (the second line goes on top of the first line)

    I tried
    span.menu-break {
    position: inherit !important;
    }

    but it is not better…
    Thanks

    April 4, 2015 at 6:48 am #423369
    Rikard

    Hey ppi37!

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

    Regards,
    Rikard

    April 4, 2015 at 8:19 pm #423504
    ppi37
    This reply has been marked as private.
    April 6, 2015 at 6:23 pm #424100
    Elliott

    Hi!

    Perhaps some CSS like this would help?

    .header-scrolled .menu-break {
  bottom: 7px !important;
  font-size: 11px !important;
}

    There is not much space there to play around with.

    Regards,
    Elliott

    April 6, 2015 at 8:32 pm #424217
    ppi37

    Hi Elliott,
    Thanks, it’s OK now with desktop screen.
    Only the mobile menu still not good.
    Thanks

    April 6, 2015 at 9:06 pm #424239
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #mobile-advanced .menu-break {
  bottom: -4px !important;
}

    Best regards,
    Yigit

    April 7, 2015 at 8:40 am #424513
    ppi37

    Hi Yigit,
    It seems perfect!
    Thanks a lot

    April 7, 2015 at 1:38 pm #424652
    Rikard

    Hey!

    Great, glad we could help.

    Best regards,
    Rikard

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