Mobile Menu Appears When Navigating on Desktop Site View

Hi
I have two questions:

Firstly, I have notice this issue for a month now and that is if I select the Hamburger Icon for my mobile menu view, this will often appear very quickly when navigating through my website on the desktop version.

I have built four websites using BB and its the same for all of them. The mobile menu flashes up very quickly above my main menu when I navigate through the pages on the desktop view.

Why is this happening?

Secondly, I have noticed that BB sites do not print well from any browser. When I print out the home page of my clients website, it shows the mobile menu expanded (open) and all hyper URL links and creates a very messy print.

You maybe asking who prints websites these days, well lawyers do.

Is there a solution for this, why when printing a BB website that its very messy and shows a mobile view and not what is visible on the desktop version I am looking at and printing from?

Website: www.sw19lawyers.co.uk

Hey Darren,

That would be caused by how the contents loaded first before the CSS files. This is also related to how fast the internet connection of the viewer is. I tried refreshing your site for a few times but I can’t see the issue.

Re the print view, sorry to say but BB is not optimized for print media. You can write your own CSS to make it so. Check the link below for more info on how.
Print Media

Ben

Hi Ben
thanks for the reply. I will look at the print issue, but in regards to how content loads and speed of connection, I am on 150MB connection, speed isn’t my issue. However in regards to the way the content loads is there a solution that may solve my problem as pretty much everyone who have used the sites I have built using BB, have mentioned the same issue of the mobile menu appearing before page loads.

Hey Darren,

Do you mind sharing the other 3 sites that you have with this same issue so we can check?

Ben

Hey Darren,

I just had another look at your site and attempted to capture the menu that appears when the page is loading. Can you have a look at the screenshots below and see if it’s what you meant?
http://imgur.com/a/plJRd

Ben

Hi Ben
so sorry for the very late response, my colleague had not passed on the email replies. The screen shot you show above is what I see with all the BB sites I have built so far.

I have been talking to a very experience web developer and he seems to think the problem may be where the JS script is placed. He said that when he looks at the header.php file, he sees the JS script at the top and bottom of the header file and thinks that these should be all together and that it may be worth adding all the JS scripts at the bottom before the closing body tag of the header.php file and maybe that may help.

Its a real problem for me as my clients are deeply unhappy and I am not a coder so cannot start moving scripts about in the header.php file to see if this may solve my issue.

Any advice is welcome.

Again really sorry for the delayed response.

Sites that have this menu glitch issue:

http://revolutioncontentmarketing.com (menu at the bottom, don’t ask why, client)

http://www.sw19lawyers.co.uk/

http://www.blwhackney.co.uk/

http://dpweb.co.uk/dev_ico/

Hey Darren,

No worries at all! Just wanted your verification before filing a bug report, which I just did. Thanks for the heads up! :slight_smile:

Ben

Hey Darren,

I’m having trouble recreating this on my end. I see it happening on your sites, but can’t make it happen on my local install. Could you shoot me temporary login info to check out your settings?

Thanks,
Justin

Hi Justin
do I need to send you login details privately, not sure how I should send you these details. Also do I need to send logins for each of the websites I have this issue with?

Sorry a bit confused, please advise.

Las

Hey Las,

You can post the details here via private reply. It would be great if you can post the details of all the sites in question so he can check them if the need arises. But if they’re using the same settings for the Menu module, just one site should do. :slight_smile:

Ben

Thanks Ben! But I think one site will do :slight_smile: Darren, how about any of the ones where the menu is in the header?

[Content Hidden]

Thanks, Darren! Do you have any custom JS or CSS running on this site that might be affecting the menu module? I’ve recreate the menu module exactly as you have on my end, but I still can’t recreate the issue. Sorry it’s taking so long. Let me know.

Justin

Hi Justin
yes there is some custom code added to the header.php file. I have used the custom header and footer solution provided by you guys using the ‘Instant Pages’ plugin, so have added a line of code in the header and foot files to so the custom header and footer appear on the blog pages. This is the only code added, although its possible my friend who is a web developer, may of added some custom CSS to these files as well.

Thanks, Darren. That helps quite a bit. I’ll do a bit more testing and get back to you.

Hey Darren,

Ok, it looks like the issue is with how the Insert Pages plugin is loading in Beaver Builder scripts and styles.

As of version 1.7, we now have our own shortcode for inserting layouts. I have tested and that doesn’t have this issue. You can change your Insert Pages shortcodes to ours to fix the problem like so…

[fl_builder_insert_layout slug="your-layout-slug"]

Here’s the knowledge base article on that…

http://forum.wpbeaverbuilder.com/knowledge-base/shortcodes/

Let me know if you have any questions.

Thanks,
Justin

Hi Justin
thank you so much for looking into this, will test now and give you my feedback, also I am a little confused, as I am not sure if I am suppose to replace the short code added in the header and footer .php files.

Would this be right?

Hi Justin
it looks like it has worked. Going to keep an eye on it for a few days, but it looks fixed to me. Great job you guys, now I have a perfect BB.

Hi Darren,

I’m glad to hear that worked!

Justin