Horizontal top menu: Drops down (off the navigation area)

  • Author
    Posts
  • #60243
    Jan
    Power User

    I’m using Kahuna, currently in a closed developement-enviroment.
    Boxed layout @ 1280px width.

    Viewing it at full width, everything is fine.
    Viewing my kahuna-site at a medium width (size down the browser-width), the horitontal top navigation menu exceeds the width of the top navigation area, and suddenly drops completely off that area. Now its in the static image area and becomes barely visible.

    I made two screenshot to illustrate it.

    Here is everything fine:
    https://screenpresso.com/=Dvg1f

    Here, I reduced the browser-window-width a little, and the menu left the blue navigation area:
    https://screenpresso.com/=zuhAe

    Website: screenpresso.com/=zuhAe

    #60317
    Zed
    Cryout Creations mastermind

    For best visual results, the menu items need to fit in the available space on the target screen sizes (and before the mobile menu is activated). If the menu items are too many for the screen, they will overflow and extend beyond one row.

    Due to the complexity of the header there’s no magic fix for this yet. The solutions are to either limit the number of items to make the menu fit in one line (at least on the target screen size and larger) or activate the mobile menu earlier – when the menu no longer fits (using custom styling).


    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.
    #61750
    Jan
    Power User

    Thanks for the reply, Zed.
    I read it directly after you answered.
    I wasnt able to find a satisfactory solution, so I switch to another theme … to Nirvana 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Horizontal top menu: Drops down (off the navigation area)’ is closed to new replies.