Mobile Menu not showing up

Hi,

As checked, your mobile menu appears fine when checking with my phone. See the below screenshot:

https://drive.google.com/file/d/19vDvgXdRdtES3TQRmiTNhTYGX-d4YGmp/view?usp=sharing

Seems likely you were able to manage it properly. In case it is still not appearing on your end, perhaps you’re having cache either on web browser or your website that should be flushed.

Regards,
Kharis

Yes, I found the solution. For anyone else having the same problem, you need to add the following CSS to your theme:

.btn-menu {
  font-size: 28px;
  font-family: "FontAwesome";
  color: #000;
  float: block !important;
}
.btn-menu:before{
  content: "\f0c9";
}

Great!

Thank you for sharing the code. That’s much appreciated.

Regards,
Kharis

Good evening Kharis,

Thank you for helping the community!
This code fixed my problem too.

Lydia

• This reply was modified 3 years, 9 months ago by lydiawp.
• This reply was modified 3 years, 9 months ago by lydiawp.
• This reply was modified 3 years, 9 months ago by lydiawp.

You’re welcome Lydia!

Glad to know you found this forum helpful.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

hi there i do have the same problem with my mobile
but i don’t know where i can write the code. can you please explain me stap by stap where i need to add the code?? thanks
.btn-menu {
font-size: 28px;
font-family: “FontAwesome”;
color: #000;
float: block !important;
}
.btn-menu:before{
content: “\f0c9”;
}

Hi @torodrago,

Can you share a link to your website here, so I can inspect it directly and suggest the precise solution for your case?

Regards,
Kharis

Dear all!

If I add

.btn-menu {
  font-family: "FontAwesome";
  color: #000;
  font-size: 28px;
}
.btn-menu:before{
  content: "\f0c9";
}

it shows me three perfectly fine lines in my preview.
Once I open it on my smartphone, it shows just a rectangle with a diagonal cross … any idea why that would be? ??

Thank you and all the best
mygesc

Hi @mygesc,

Thank you for chiming in.

Can you share a link to your website here, so I can check it directly?

Regards,
Kharis

https://www.nerthus.gmbh/

Thank you in advance.

Hi,

Thank you for getting back along with the link.

Seems likely you’ll need to install and enable the Font Awesome plugin. I’d request giving this plugin a try and let me how it works for you.

Regards,
Kharis

Haha, thanks mate!
So it was that easy, I actually missed activating it, although I am pretty sure I did that… well, apparently I didn’t!

Thank you so much!

All the best
mygesc

Hello again,

I seem to be facing a different problem after the OP.
If I visit my website from a PC or laptop, and I resize the browser window so that the hamburger menu becomes visible, or I visit the website on a mobile device (iPhone), the hamburger menu appears but tapping/clicking on it does nothing.

The website is https://www.gleamking.co.uk/

Any ideas?

Hi @alexarium,

Please try this solution since you’re using a child theme, which the header.php file was modified from. You’re required to make some adjustments on that file in correspond to the newer version of main Sydney theme on your site.

Hope that helps.

Regards,
Kharis

Thank you @kharisblank , I did the theme update but I have changed the header to the old one (I used your very helpful instructions from https://www.ads-software.com/support/topic/header-update-problems/

Will your instructions still work or does it not matter?