Mobile menu disappears when logo is removed in header - Support

Tagged: disappearing, header, logo, mobile menu

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
August 14, 2015 at 10:11 am #487626

vreni0506
Participant

Dear Kriesi-Team,
I needed to remove the logo in the header, totally, so I found this code `add_filter(‘avf_logo_final_output’, ‘avia_remove_default_logo’, 10, 6);
function avia_remove_default_logo($logo, $use_image, $headline_type, $sub, $alt, $link){
return ”;
}` on the forum here to put in the functions.php of my child theme. It works and looks fine on desktop, but when you look at the website on mobile or tablet, the menu disappears (no menu at all, submenu still works).
Can you help me solving this problem?

Thank you!
Verena

August 14, 2015 at 9:50 pm #488019
Andy
Inactive Moderator
Hey Verena!

use this code in Quick CSS field:
```
@media only screen and (max-device-width: 1024px) {
#advanced_menu_toggle {
display: block;
}}
```
Cheers!
Andy
August 15, 2015 at 1:49 am #488079

vreni0506
Participant

Hey Andy!
Thank you for the quick reply. It works, technically, but it doesn’t look good. :)
It looks like in the first screenshot, but I want it to look like in the second one (without the Enfold Logo).
That’s how it looks when I remove the code from the functions.php.
Is there any other way to solve the problem?

Greetings from Germany,
Verena

August 15, 2015 at 6:07 pm #488264

vreni0506
Participant

Well, for now I solved the problem by using a blank image. :)

August 17, 2015 at 4:42 am #488526

Rikard
Keymaster

Hey,

I’m not sure if you got your problem fixed or not? Please let us know if you should need any more help.

Thanks,
Rikard

November 1, 2016 at 5:20 pm #706793
steviger
Participant
Hi guys,

In my new project I have exactly the same issue. Used the code in my child’s function.php and tried this in my CSS
```
@media only screen and (max-device-width: 1024px) {
#advanced_menu_toggle {
display: block;
}}
```
But the mobile menu still doesn’t show up. When I completely remove the code from my functions.php the logo re-appears (of course) but the mobile menu works also… Any ideas on how to solve this?

Cheers,

Steven
November 2, 2016 at 5:34 pm #707265

Yigit
Keymaster

Hi,

@steviger Logo is removed on my end and mobile menu shows up and works fine. Have you figured it out already?

Best regards,
Yigit

November 2, 2016 at 5:49 pm #707276

steviger
Participant

Hi Yigit,

I’m affraid not. I can’t see the mobile menu on my HTC 8 phone neither here: http://www.responsinator.com/?url=http%3A%2F%2F185.27.141.7%2F~ptsy386879%2Fvoorpagina%2F

Cheers,

Steven

November 5, 2016 at 4:31 am #708523

Ismael
Moderator

Hi,

Aside from the filter above, what are the modifications added in the child theme? Please post the login details here so that we can check the settings.

Best regards,
Ismael

November 8, 2016 at 10:58 am #709689

steviger
Participant

Hi Ismael,

Please see the details in the Private Content. I had a closer look on my mobile and I do see the mobile menu but it floats kind of over the full width slide show top right. Please see mobile screenshot here. I’d like to have the mobile menu above the slideshow. How can we fix that?

regards,

Steven

November 10, 2016 at 8:16 am #710568
Ismael
Moderator
Hi!

We modified the code in the functions.php file and then added a few css in the Quick CSS field.
```
@media only screen and (max-width: 767px) {
    #advanced_menu_toggle, #advanced_menu_hide {
        right: 20px;
        display: block;
    }

    .responsive #top #wrap_all #header {
        height: 80px;
    }
}
```
Best regards,
Ismael
November 10, 2016 at 3:47 pm #710772

steviger
Participant

Hi!
Thanks a lot !

Regards,

Steven

November 12, 2016 at 5:40 am #711386

Nikko
Inactive Moderator

Hi,

Glad we could help :)

Best regards,
Nikko
Author

Posts