Hi,
I’m testing my website on a Samsung S3 and the mobile menu is overlapping the logo to the right. This is new after updating to 2.6 and 2.6.1.
How can I fix it please? The website is alloelectricien.lu.
Thank you!
Hi costin!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-height: 78px !important; }}
Regards,
Yigit
Hi Yigit,
That did the trick, thanks! Is there a way to also control the menu colour on mobile please?
I’ve also noticed that after I’m clicking the menu on mobile I can scroll more than the menu items length; is there a way to fix it please?
Thank you!
Hey!
Please add following code to Quick CSS as well and adjust as needed
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: orange; }
This is how slide out menu works. You can see the same on demo site http://kriesi.at/themes/enfold/
Regards,
Yigit
Hi Yigit,
Actually I was looking to change the color of the sign indicating the menu on mobile. I’ve found this with Inspect element and it works
#advanced_menu_toggle {
color: orange; }
#advanced_menu_hide {
color: orange; }
I’ve seen that the slide out menu works like this on the demo site but I don’t see why it should be like this, there is no meaning for it imho.
Maybe it’s a bug that can be fixed…
Thank you!