mobile responsive menu disappears on mobiles with large font enabled

My issue is very similar to the one already posted at the following link, which has also had no replies. However I’ve narrowed it down to the fact it is on mobile with large fonts enabled.

https://www.ads-software.com/support/topic/menu-not-showing-properly-on-smartphone?replies=1

Hi,

Could you provide the url where I can see the issue?

Best Regards,
Dustin
Elegant Themes

https://www.lakebennetthealthretreat.com/

The issue doesn’t arise by squashing your browser into a mobile width, you actually have to view from your mobile when large font is activated (sorry to harp) lol

Also, the only plugins I have activated are reCAPCHA and contact form 7

Thank you.

Hi Dustin,

What part of the CSS do I edit in order to retain the normal menu without it changing to the burger menu at all please?

Thank you,
Krissy

Hi Krissy,

I apologize for the delay. I actually took a closer look at the issue yesterday but I got busy with other tasks and forgot to let you know my findings. :-/

Serene was not designed with lengthy website names in mind. It is the length of your website name that is breaking the style in that area. It would require quite a bit of custom code work to properly implement the forcing of non-mobile menu on mobile. I’m afraid that such customization is beyond the support we can provide. Sorry!

You can use the following CSS style to make it fit without pushing the menu below the content area.


@media (max-width: 614px) {
#logo {
font-size: 44px;
}
}


Let me know if it works okay for you.

Best Regards,
Dustin

Sounds good. I have rectified the problem by including your code, and also shrinking the size of the logo font with a google font plugin. Thank you!

You’re welcome ??

Hello,

Same problem for me ?? https://www.laurentmerle.com
Dustin can you tell me were to paste your code in the style.css file please ?
Krissik can you please tell me more about “shrinking the size of the logo font with a google font plugin” ?

Sorry, I’m juste a beginner in WP …

Hi,

I recommend using the following plugin to add the custom CSS styles so you won’t have to worry about losing the styles when installing theme updates:

https://www.ads-software.com/plugins/simple-custom-css/

Cheers!