
-
AuthorPosts
-
April 29, 2025 at 4:01 pm #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.
April 30, 2025 at 6:52 am #1483373Hey 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,
IsmaelMay 5, 2025 at 3:25 pm #1483627Hi 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
May 6, 2025 at 5:50 am #1483662Hi,
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:
Best regards,
IsmaelMay 15, 2025 at 2:53 pm #1484304Hi 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
May 16, 2025 at 6:55 am #1484321Hi,
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 -
This topic was modified 1 month, 1 week ago by
-
AuthorPosts
- You must be logged in to reply to this topic.