Dropdown menu not showing entirely on phone

I don’t see the problem:
https://postimg.cc/s1ZnqWv6

Looks normal to me.

Huh, that’s strange. It dosen’t look like that for me.
https://postimg.cc/gallery/vfsQJ0j

As i’ve mentioned it looks right when viewing it on the computer, but I’ve seen this problem on 3 different iphones, could it be the phones fault?

Thanks for your time!

Hell @jonathanaug,

The hamburger menu icon doesn’t have enough space to display on a mobile.

I don’t know why. You might need to contact the theme developer to have a look.

In the meantime, try forcing the overflow to be visible as a temporary workaround.

.iot-menu-left-open {
  overflow: visible !important;
}

Thanks!

Am i simply supposed to enter the code into the additional CSS while in customise?
Because I can unfortunately not see any difference on my phone after doing that.

Also (this might not be something you can help me with), I’ve already tried to contact the theme developer SuperbThemes but I needed a order number to contact the support which I’m not sure if I have. I even tried asking them how order numbers work but didn’t get an answer.

I appreciate any response!

If you purchased a theme from them, presumably the order number is in your Invoice:
https://superbthemes.com/customer-support/

Yes, but you need to wrap it in a media query I would guess:

@media screen and (max-width: 680px) {
.iot-menu-left-open {
  overflow: visible !important;
}
button.iot-menu-left-open {
    padding: 0px;
    border: 0px;
    background: rgba(0,0,0,0);
}
}

Alright thank you!

I’m not an experienced wordpress user so I might be doing something wrong, but after copying the entire text in the grey box you sent into the additional CSS I’m afraid I still can’t see any difference on the website.

Hey @jonathanaug,

So, let’s try to troubleshoot this methodically. Here’s what I recommend if you’re not working with a web dev or the theme support hasn’t helped you yet.

1) Post your question to the theme’s forum if they have one.

2) Remove any custom CSS we provided for you. I actually don’t see the custom CSS mentioned before on your site. So, you might not be adding it correctly.

3) Deactivate all of your plugins and purge your cache. Reload your site on an iPhone to see if the error goes away.

4) If the error doesn’t go away, it’s probably a theme issue. Get another theme since they’re not helping you.

5) If the error goes away it’s a plugin conflict (i.e., one of your plugins is interfering with your hamburger menu). You can also confirm if it’s a plugin issue by temporarily switching your theme to a default theme like Twenty Twenty-one with all plugins activated.

6) If it’s a plugin issue, re-activate your plugins 1-by-1 (this is important). Each time, purge your cache, reload the page on an iPhone, and check the hamburger menu. When the issue comes back, the last plugin you activated is the culprit. Replace the troublemaker with a better plugin or just don’t use that plugin.

I hope that helps ??

Good luck!

Thank you @mlchaves!

If you don’t mind I have some follow up question to that before I get started. Maybe these are questions with obvious answers but I’m new and want to make sure.

First of all, when turning off the plugins, will I have to add all the features they gave again manually or will they simply reappear when I activate them again?

And when changing themes, will I keep all my pages, texts in those pages, posts etc? Or will that be like starting from the beginning again? I’m considering paying for the premium version of the theme if it proves any better, but I have about 2 weeks until the site goes live so I’m not sure I will if that will take a large portion of time.

> when turning off the plugins, will I have to add all the features they gave again

No. Plugin settings are stored in the database, and do not get removed when you deactivate a plugin.

> And when changing themes, will I keep all my pages, texts in those pages, posts etc?

Yes.
You can swap out themes any time – your previous settings are retained.

> I’m considering paying for the premium version of the theme if it proves any better

In my experience, a lot of ‘free’ themes come packaged with intentional errors from the developer. It’s like a preconceived upsell!

Thanks for all the help! I’ve finally found the issue.

After troubleshooting methodically I discovered that the Social Icons Widget & Block by WPZOOM was causing the broken menu. I had to use the the plugin since WordPress own Social icons widget wasn’t working very well for me, but I guess I will simply have to find another replacement.

Hello @jonathanaug,

Well done and good to know. As a courtesy, you could report that conflict with your theme’s developer and the plugin’s author.

And, you’re very welcome. We’re glad your menu is working now.

Have a great day ??