Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1483344

    Hi!

    I’d like to replace some submenuitems in my burger menu with seperator images (already uploaded in wordpress). I tried different forum solutions but could’nt get it working.

    Thanks for your help!

    Best,
    Konrad

    • This topic was modified 1 month, 1 week ago by konradanders.
    #1483373

    Hey konradanders,

    Thank you for the inquiry.

    Could you provide a screenshot of what you’re trying to do? Please note that the burger menu is dynamically generated on page load based on the default menu with certain limitations, so modifying it directly may not be possible.

    Best regards,
    Ismael

    #1483627

    Hi Ismael,

    thanks for your quick response.
    You can find links to screenshots in the private content section of this message.

    I discovered one more bug: The “X” Close Button of the Burger Menu is displayed correctly when the burger menu is opened from the top of the page, but is white (and not visible – because color is white) when opened from the middle of a page (problem might occur because of the transparent header) how can I change the color of the “X” close button of the burger menu?

    Thanks for your help!

    Best, Konrad

    #1483662

    Hi,

    Thank you for the screenshots.

    You can use this css code to create the desired layout. Add the image or icon as background of the ::after pseudo-element.

    #top #header.av_minimal_header .main_menu ul:first-child > li > ul > li:first-child a::before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        height: 1px;
        background: #5e504a;
    }
    
    #top #header.av_minimal_header .main_menu ul:first-child > li > ul > li:first-child a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 20px;
        background-image: url('your-image-url.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 100;
    }
    

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    #1484304

    Hi Ismael,

    great, thanks for your support – works like a charme!

    I discovered one more bug: The “X” Close Button of the Burger Menu is displayed correctly when the burger menu is opened from the top of the page, but is white (and not visible – because color is white) when opened from the middle of a page (problem might occur because of the transparent header) how can I change the color of the “X” close button of the burger menu?

    Should I open a new thread for this topic?

    Best, Konrad

    #1484321

    Hi,

    Thank you for the update. To adjust the color of the “X” close button, try to add this css code:

    .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::after, .av-burger-overlay-active #top .av-hamburger-inner::before {
        background-color: #000000;
    }

    Best regards,
    Ismael

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