Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1419923

    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

    #1419980

    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

    #1420016

    Hi Nikko,

    that works! Thanks for the quick solution and for the great service – as always!

    Best regards
    Julian

    #1420113

    Hi Julian,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Image and Text in Menu Item vs. Sticky Header’ is closed to new replies.