Mobile primary menu half hidden by its Close button

Hi @ahardy42

There is a display block CSS in max 481 media for .primary-menu-container which is coming from the index. I think you’ve added that CSS. So, you can remove that CSS and it will look properly centered menu as per screenshot. ( https://prnt.sc/Qve-swej-cBh )

Thanks

Ah, my bad ??

Hi Sadik,
I was wrong – it’s not me, I was obviously having a bad day. I thought I’d fixed it because I removed a whole section of CSS from my website, but it turns out I was looking at the wrong website. So the issue is still there and actually, I have very little custom CSS.

This is either the style or some other plugin is messing it up.

I tried adding this CSS but it had no effect:

@media only screen and (max-width:481px) {
 .primary-menu-container {
  display: inline !important;
 }
}

In that case, you can just add the display:flex instead of display:inline

Here is the code:

@media only screen and (max-width:481px) {
 .primary-menu-container {
  display: flex !important;
 }
}

Aha, “flex”. No idea what it means. But it works! Thanks ??

I assume that it’s down to some evil plugin that I’ve installed, so I’ll have to keep an eye open whenever I add a new one or get an upgrade.

yup, that sounds good
and glad to hear that it works ??