Change the breakpoint for mobile menu

  • Author
  • #126330

    How can I change the breakpoint for the mobile menu so that it shows already on wider screen that at present. The reason is that the regular menu is shifted down onto the header image and thus becomes almost invisible.

    Is there any other way to fix it?

    Also how can I decrease the space between each menu item?



    I figured out how to decrease the space between each menu item:
    #access a {
    padding: 0 0.9em;

    But the main question about the breakpoint is still unsolved.

    • This reply was modified 9 months ago by mr108.

    How to disable Primary Navigation Menu with Additional CSS when the screen width is less than 990px?


    Cryout Creations mastermind


    The mobile menu’s screen width limit is configurable through the options in Anima Plus.
    In the free edition of the theme you’ll need to apply custom CSS to adjust this limit:

    @media (min-width: 800px) and (max-width: 1040px) {
        .cryout #access { display: none; }
        .cryout #nav-toggle { display: block; position: static; }

    Edit the 1040px value with the screen width when the menu no longer fits in one row.

    If you like our creations, help us share by rating them on
    Please check the available documentation and search the forums before starting a topic.
Viewing 4 posts - 1 through 4 (of 4 total)

You need to log in to reply to this topic.