Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 25, 2016 at 1:30 pm #716819
    Youprinting

    Hey :)

    With the help of a previous (https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/) I managed to break my menu-items in 2 rows using <span class=”menu-break”></span>. Using the css that was offered I managed to position everything where I wanted it to be. However, this gives responsive menu issues. In the responsive menu the words inside the span are placed on top of the words before the span. The supposed solution would be to use @media only screen{span.menu-break {position: inherit !important;} When I do that, the mobile menu looks fine but the normal menu doesn’t. When I remove it again, the normal menu looks fine but the mobile menu doesn’t. Can anyone offer a solution for this? Thank you!

    • This topic was modified 9 years, 2 months ago by Yigit.
    November 26, 2016 at 7:01 am #717149
    Rikard

    Hey Youprinting,

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

    Best regards,
    Rikard

    November 29, 2016 at 1:36 pm #718218
    Youprinting

    I’ve posted a link to the site in private content. You’ll have to login first using a guest pass because I’ve put a maintenance mode on the site.

    November 30, 2016 at 11:30 pm #719028
    Yigit

    Hi,

    Please wrap your custom CSS code into a media query as following

    @media only screen and (min-width: 990px) {
/* Your code goes here */ 
}

    If you would like us to look further into it, please switch user role to administrator :)

    Best regards,
    Yigit

    December 1, 2016 at 10:20 am #719173
    Youprinting

    Dear Yigit,

    Thank you for your help. The offered solution didn’t do the trick but I tried a few options and I managed to get it to work using:

    @media only screen and (max-width: 1024px) {span.menu-break {position: inherit !important;}}

    Thanks for your time and effort!

    Best regards,

    Delana

    December 1, 2016 at 1:12 pm #719220
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive menu issues with menu on 2 lines’ is closed to new replies.