Change the breakpoint for mobile menu

  • Author
    Posts
  • #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?

    Website: meditationyoga.in/mahon

    #126383

    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 4 months ago by mr108.
    #126439

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

    Website: meditationyoga.in/mahon

    #126678
    Zed
    Cryout Creations mastermind

    Hi,

    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 WordPress.org.
    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.