[Support request] Split menu space issue

Home Forums Support [Support request] Split menu space issue

Home Forums Support Split menu space issue

  • This topic has 1 reply, 2 voices, and was last updated 3 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1970420
    Sol

    Hi there!

    We followed the steps to set up a split menu, but there seems to be a space after the second menu item, and the “competition schedule” and the menu text is overlayed over the logo.

    Website link: http://sols1.sg-host.com/

    Thanks in advance for your help!

    Best,
    Sol

    #1970481
    David
    Staff
    Customer Support

    Hi there,

    Ideally you want menu items evenly split across either side of the logo. You effectively have to balance the length of the menu item text either side.

    So the best solution would be to move Restaurant to the left of the logo.
    To do this you can change this line of CSS:

    .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    }

    to:

    .main-navigation ul li:nth-child(4) {
        margin-left: auto;
    }

    To stop the menu from overlapping the logo, the simplest fix is to increase the Mobile Menu Breakpoint in Customizer > Layout > Primary Navigation so it breaks to the mobile view at larger screen size.

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