Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 26, 2014 at 8:38 pm #284267
    hobart

    Is it possible to make certain menu items 2 lines tall? Please look at http://www.hobart-design.com/mystic. The HH RESTAURANT we want to change to HARBOUR HOUSE RESTAURANT Here is what I am trying to accomplish:

    http://hobart-design.com/clients/menu-change.jpg

    The top is current, the bottom is what I want it to look like.

    June 27, 2014 at 4:40 am #284389
    Ismael

    Hey hobart!

    Thank you for using the theme!

    Please refer to this link. The OP asked for the same thing: https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/

    Best regards,
    Ismael

    June 28, 2014 at 7:25 am #284805
    hobart

    Thanks for the help!

    • This reply was modified 10 years, 6 months ago by hobart.
    June 28, 2014 at 7:36 am #284808
    hobart

    Quick Question. My mobile menu at innatmystic.com now seems to be a little messed up and overlapping. Any ideas how to fix this? Here is my code:

    span.menu-break {
    display: block;
    line-height: 0;
    bottom: 65px;
    position: relative;
    }
    .menu-item-top-level{
    text-align: center;
    }

    @media only screen and (min-width: 320px) and (max-width: 480px) {
    span.menu-break {
    position: inherit !important;
    }
    }
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {
    span.menu-break {
    position: inherit !important;
    }
    }
    .header-scrolled span.menu-break {
    display: block;
    line-height: 0;
    bottom: 24px;
    position: relative;
    }

    June 29, 2014 at 3:10 am #284917
    Ismael

    Hey!

    Thank you for the info.

    Please add this at the very bottom:

    @media only screen and (max-width: 767px) {
span.menu-break {
line-height: 0;
float: none;
bottom: 0;
margin-left: 2px;
}
}

    Cheers!
    Ismael

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