Tagged: image in menu, sticky header
Hello everyone,
I have two pngs and text in one Menu item. If I start scrolling down and the sticky header activates, the text is pushed to the bottom. I want the text to be as centered as the other menu items. Any advice? Login in Private content.
Regards
Julian
Hi AgenturLanzinger,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#header #avia-menu #menu-item-1525 > a {
display: flex;
justify-content: center;
max-width: 150px;
}
#header #avia-menu #menu-item-1525 > a > .avia-menu-text {
display: flex;
align-items: center;
}
#header #avia-menu #menu-item-1525 > a > .avia-menu-text img {
max-width: 60px;
max-height: 60px;
}
Hope it helps.
Best regards,
Nikko
Hi Nikko,
that works! Thanks for the quick solution and for the great service – as always!
Best regards
Julian
Hi Julian,
I’m glad that we could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko