[Alexander]

Hello,

My current “mobile navigation” for my site WeekendPick.com sometimes does not appear and I am looking for a solution to fix it. Also the “Back to the Top” arrow sometime appears as a just a square and not an arrow. This happens in both mobile browsers Safari and Chrome.

I tested the mobile navigation plugin “Responsive Menu” (https://wordpress.org/plugins/responsive-menu/) on my site and I feel it works really well but I am unable to figure out how to disable my current mobile navigation while keeping the desktop menu the same as it currently stands.

Do you have any ideas how to fix this problem without installing a new plugin? Also do you have any ideas on how I can make my site look less like a blog and more like a profession news platform?

[Sakin]

@Alexander: That arrow and icon for menu is from Genericion font. So, I guess it’s your site loading issue. You can check it here http://tools.pingdom.com/fpt/#!/dfGfM7/http://weekendpick.com/. Your homepage size is 1.8MB which is little high. So, can you compress some of your image and also add in cache plugin like WP Rocket or W3 Total Cache plugin. It will improve your site speed.

So, this should fix your issue with the plugin. Not sure what type of layout are you looking for?

[Alexander]

Thank you, but how do I disable the current mobile nav so I can use the plugin I mentioned above?

[Sakin]

@Alexander: You can hide it by adding in the following css in “Appearance = Theme Options => Custom CSS” box:

@media screen and (max-width: 940px) { 
    .mobile-menu { display: none; }
}

But if you want to totally remove it then you need to build child theme and then edit mobile menu functions.

[Author]

Posts