Hello Enfold! For a client I try to display logo above the mobile menu. I guess this is no theme option, but hopefully you can tell me where to change this. I tried a lot already, hopefully you got some good suggestions! Thanks in advance
Hey lenvo,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
ul#mobile-advanced {
padding-top: 0;
margin-top: 119px;
}
Best regards,
Yigit
Hello Yigit,
1. That did the trick :)! Is there a way to move the menu hide button on same place as the menu toggle? I tried CSS moving the #advanced_menu_hide but it’s not responsive anymore. Can you help to place hide icon on the same place as the menu toggle?
2. There is a border only on the left side of the mobile menu. How do I apply a border on both sides?
Thanks in advance for your help!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#advanced_menu_hide {
top: 100px;
}
ul#mobile-advanced {
border: 1px solid #363636;
border-top: none;
}
then remove following custom CSS code
#advanced_menu_hide {
display: none !important;
}
Best regards,
Yigit
Hi
My client also wants his logo above the mobile menu. I have tried the code
ul#mobile-advanced {
padding-top: 0;
margin-top: 119px !important;
}
both in the quick css and my child theme but I cannot get the logo to appear.
What am I doing wrong?
Many Thanks
Regards
Colin
Hi @waveseven,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
.av-burger-overlay {
top: 90px;
}
If that does not help, please start a new thread under Enfold sub forum and attach a link to your website.
Best regards,
Yigit