-
Posts
-
Hi – I added a logo to my burger menu, but it is also showing in my main navigation and my footer menu.
I have added this to my Quick CSS:
/* Burger Menu Logo */
.only_mobile { display: none; }@media only screen and (max-width: 989px) {
/* Add your Mobile Styles here */
.only_mobile { display: block; }
}And my menu item is set up like this:
https://q12.6af.myftpupload.com/wp-content/uploads/2025/12/Screenshot-2025-12-11-at-02.00.32.pngHow do I hide the logo from my main navigation and my footer menu widget?
Thank you for your help : )Hey envisageiam,
Thank you for the inquiry.
Did you remove the logo menu item? We’re not seeing it at all on the front end, neither in the desktop nor the mobile menu. Please add the menu item again so we can check it properly.
Best regards,
IsmaelYes it is still there. In the burger menu it is showing correctly:
https://q12.6af.myftpupload.com/wp-content/uploads/2025/12/IMG_9758.pngBut, in the main navigation on desktop it is showing like this:
https://q12.6af.myftpupload.com/wp-content/uploads/2025/12/Screenshot-2025-12-11-at-12.17.58.pngAnd all the pages on desktop and only some of the pages on mobile it is showing in the footer like this:
https://q12.6af.myftpupload.com/wp-content/uploads/2025/12/IMG_D04AFBB70D96-1.jpegI have tested on multiple devices and platforms and I am getting the same error. I have included a login for your review.
Thank you so much. I’m very grateful for your help.Hi,
Thank you for the screenshots.
There was an invalid line (———) in the Quick CSS field that prevented all css below it — including the menu item logo styling — from working correctly. We removed the line. Please make sure to purge the cache before testing.
Best regards,
Ismaeland do not rule it by media query but only with the different selectors:
#avia-menu .only_mobile { display: none; }and for the footer:
#menu-main-menu .only_mobile { display: none; } / *** or ***/ #footer-page .only_mobile { display: none; }because the menu on desktop got an ID and the burger menu is inside .av-burger-overlay and got the id: av-burger-menu-ul
by the way: I can understand it in the case of the hamburger menu, because here it is a copy of the main menu.
But you must have created your footer menu as an extra menu. Why did you put the logo there?Ok thank you. Everything looks great on desktop, but on mobile the logo is still showing in the footer menu.
In regards to your question, the only logo in the footer should be in column 1. There should not be a logo in the footer menu.
please do clear all cachings
do not rule it by media query but only with the different selectors
you have still this inside your css: – please remove it
@media only screen and (max-width: 767px) { .responsive #top .av-main-nav .menu-item { display: none; } }this works great on DEV Tools for your staging page – if you got different selectors or settings for the page itself – then you have to give us the final link
#avia-menu .only_mobile { display: none; } #footer-page .only_mobile { display: none; }Hi,
When I check it looks correct now on mobile & desktop, if this is solved please let us know so we can close this thread.Best regards,
MikeThe logo is still showing in the footer navigation under the word “Explore”. I tried adding the suggested styling but that didn’t work. Please share a screen shot of what you are viewing to make sure we are looking at the same thing.
This is not in my CSS, I dont know where you are seeing this:
@media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item {
display: none;
}
}
I tried adding the suggested code but it didn’t work : (Hi,
For your footer on mobile you have this css:@media only screen and (max-width: 989px) { .only_mobile { display: block; } }I changed to:
@media only screen and (max-width: 989px) { .only_mobile { display: block; } #footer-template .only_mobile { display: none; } }Now it only shows in the mobile menu & not the footer. Please clear your cache and check.
Best regards,
Mike
- You must be logged in to reply to this topic.