Header builder mobile menu issue - the menu-toggle moves down upon opening it

fishwink · July 2020

Hi there,

We used the header builder to create our header. I am struggling with the mobile menu that is used by the header builder. I have a couple issues with it, the main one being that when you click the menu-toggle to activate the sub-menu, the menu-toggle moves down into the sub-menu, instead of staying next to the parent like it should. Here's a a screeshot of what I'm talking about ==> http://snipboard.io/T08kXw.jpg

In that screenshot, the menu-toggle next to the About (parent) moved all the down next to Become an Instructor (a sub menu item) when toggled open. When you try to click on it there, it just links to that sub menu page which is not the desired outcome. It looks like Become an Instructor has another page underneath.

I also have tried to widen this mobile menu with css because it is so tiny and some of our links are fairly long, but I can't figure out what to target to make it wider.

Please help me resolve the first issue. And can you please advise me on how to make the mobile menu a little wider? I must be missing something.

URL as well in case you need it: http://us137.siteground.us/~fishwink/refocusrealestateschool.com/

Thanks!

Pablo · July 2020

Hello,

Can you check, if it happen when all of the other plugins are disabled?

Thanks

fishwink · July 2020

Hi there,

Thanks for the quick response. I just disabled all plugins beside beTheme ones and the problem still occurs. Any other ideas?

Thanks!

fishwink · July 2020

Would you please let me know how to fix this asap? We are trying to launch this site and this is the last issue. I am happy to send you login credentials if you need them.

I appreciate your help getting this resolved.

Thanks

Pablo · July 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

fishwink · July 2020

Here's the link to the live site ==> https://refocusrealestateschool.com/

Thanks!

Bryan · July 2020

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

fishwink · July 2020

Sent. Thanks!

Bryan · July 2020

I have added custom CSS to your website so it works fine. We will have to fix this issue, for now the css should work fine.

thanks

fishwink · July 2020

Ok awesome, looks good thank you!

fishwink · July 2020

One more question on that, how can we make the menu wider so the links fit on one line? Is there some custom CSS I can add in?

Thanks!

Pablo · July 2020

To extend it, please go to the Theme Options > Global > General

https://prnt.sc/rsaxzf.

There is another way to remove that problem, decrease the font size of the main menu in Theme Options > Fonts > Size & Style

https://prnt.sc/rsaz4r

Otherwise, you have to decrease the amount of menu items inserted inside, it drops down the whole menu, to make it fit in your header and not overlap on the logo.
Thanks

Header builder mobile menu issue - the menu-toggle moves down upon opening it

Comments