Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 6, 2023 at 7:28 pm #1427376
    tiadrop

    Hello
    I would like my logo to appear in the middle of my main menu. There is no option for that in the Enfold Menu And Logo Position. Can you please help? I

    December 7, 2023 at 4:35 am #1427397
    Nikko

    Hi Maggie,

    Please try to check this tutorial by @Guenni007: https://pureinstall.webers-testseite.de/logo-centered/
    Hope it helps.

    Best regards,
    Nikko

    December 7, 2023 at 2:05 pm #1427456
    tiadrop
    This reply has been marked as private.
    December 8, 2023 at 1:37 am #1427508
    Nikko

    Hi tiadrop,

    I have applied Guenni’s code and modified some CSS:

    @media only screen and (min-width: 768px) {
	#top .av-logo-container .logo {
		visibility: visible;
		opacity: 0;
	}

	#top #menu-item-logo a {
		display: flex;
		align-items: center;
	}

	#top #menu-item-logo img {
		max-height: 80%;
		width: auto;
	}

	#top .main_menu {
		left: 0;
		width: 100%;
	}

	#top .main_menu .avia-menu.av-main-nav-wrap {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

#av-burger-menu-ul .menu-item-logo {
	display: none
}

    Please review your site.

    Best regards,
    Nikko

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