Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1467531

    Hello Enfold Team,

    I just followed the instructions here: https://kriesi.at/documentation/enfold/menu/#toggle-id-145 to create a split menu with the logo in the center, but my menu items are not evenly spaced on either side of the logo.

    Screenshot of Menu

    Any assistance would be greatly appreciated.

    -James

    #1467563

    Hey James,
    Thank you for the link to your site and the login, when I check you have 4 items on the left site and two on the right:
    Screen Shot 2024 09 21 at 7.33.23 AM
    this is due yo the incorrect css:
    Screen Shot 2024 09 21 at 7.34.51 AM
    Note that in the documentation:

    adjust the value of “X” to the number of menu item after which the logo should appear in the line #top #header .av-main-nav li:nth-child(X)

    Since you have 6 menu items I changed to:

      #top #header .av-main-nav li:nth-child(3) {
        margin-right: 40vw; /* Adjust spacing for the logo */
      }

    Now it is correct:
    Screen Shot 2024 09 21 at 7.38.14 AM
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1468322

    Thanks Mike. I feel like an idiot for missing that.

    You can close the ticket.

    -James

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Split menu with logo in the center’ is closed to new replies.