Wordpress menu can not be clicked in mobile site - wordpress

I've tried all the solutions from stackoverflow and wordpress stack exchange, but havn't succeeded.
Problem :
I've updated my wordpress site to latest version word press 4.9.5, I don't know that after updating wordpress or what causes menu to not being clickable..checking in inspector, the ul of nav menu is there but it has css display:none..May be it should be any script or js issue?
What I've Tried:
Deactivates all the plugins
linking the script file of twentyeleven theme(if I've messed up with any script)
Installed the WDES Responsive Mobile Menu plugin
Updated all plugins and themes
Desktop site's Menu screenshot:
Mobile site's Menu screenshot: (menu is not clickable)
Any help would be appreciated. Thanks in advance
console shows these errors:
ReferenceError: lightbox_init is not defined
ReferenceError: omShortcodes is not defined

Try to add this script into your header or footer file.Hope this will help you
<script>
$(document).ready(function(){
$( ".mobile-header-menu-control" ).click(function() {
$( ".mobile-header-menu-container" ).toggle();
});
});
</script>

Related

How to open a link in a new tab in wordpress?

How to open all links in Wordpress in a new tab? I am using a Child Theme of Sydney wordpress. I do not know coding. Thanks for any help
Open up your /index.php file and pop this within the <head> tag.
<base target="_blank">
P.S. If your not able to do this. It might be best to do at-least a tiny bit of research about web code and Wordpress.
If you want the menu items open in new tabs then there is an option for that in menu options. please see below images
tick link target option
open link in new tab
If you want all external links open in new tabs , then
I tried a few plugins for this, and “Open external links in a new window” was my favorite.Search it in plugin page, install it. It will work well. :)
jQuery
jQuery( document ).ready(function() {
jQuery("a").attr("target", "_blank");
});
without jQuery
<base target="_blank">

Anchors not working on search results page using woocommerce

I am developing a site for a client using Wordpress and Woocommerce and have an issue where I can not click on any of the anchors on the search results page.
The search results page is here: http://79.170.44.83/newcityused.com/?s=chair
I can see nothing in the CSS that would make this happen.
I have deactivated all of the plugins with no joy.
I'm lost.
Has anyone else experienced this or know of a solution?
You have a class .search inside your 'body' tag and then you have a js that is something like this:
jQuery(function(){
jQuery('.search').on('click', function(e) {
jQuery('.search-form').toggleClass("expand");
e.preventDefault();
});
})
I think that you are preventing the default clicks in here... so remove the e.preventDefault it made work, let me know...

prettyphoto media wordpress plugin opening the image as a url not in popup box

I'm working in wordpress with twitter bootstrap theme.i want to use prettyphoto media wordpress plugin to show my newsletters but when i clicked on any image its opening it as a url not in popup box. i have used it before in my another wordpress sites and its working fine but not now.
Here is my code to open an image:
<img src="http://projects.flashonmind.com/hoppworldwide/wp-content/uploads/2013/10/mar01.jpg" alt="This is the title" />
When i have checked the console in mozilla its showing that $(...).prettyPhoto is not a function.
Actualy there are two scripts in my full width template which i have used for some menu content when i remove these scripts its working fine but i have to use these script so where i have to put my scripts now here are the scripts:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
$(".sec-menu").mouseover(function(e) {
$("#my-account").css("display","block");
});
$(".sec-menu").mouseout(function(e) {
$("#my-account").css("display","none");
});
});
</script>
Please include jQuery => 1.8.3 on your theme header to use prettyPhoto.

How do i disable submenu links in wordpress?

As soon as you create a menu item for a page there is a link that it automatically populated with it. How do i stop wordpress from making these links? I'm capable of making them myself and don't always want them to link to thier specific page.
I figured it out using and dropping it in my header.php
<script type="text/javascript">
jQuery(function($) {
$("li.menu-item-627,li.menu-item-14,li.menu-item-20,li.menu-item-28").children("a").attr('href', "javascript:void(0)");
});
</script>
You have to use firebug or chrome "inspect element" to find out what your menu items are and then just replace the numbers in the code accordingly.
also if you don't want them to show up at all add the following code
<script type="text/javascript">jQuery(function($) { $("li.menu-item-627").contents().hide();});</script>
those two together will hide the disabled menu link
you can then add your own links in the "navigation label" of the page menu field!
good luck and let me know if you have any questions, i will do my best to help!

Bug with AddThis Wordpress plugin

I got two pages:
1-http://www.aotopo.com.br/servicos/
2-http://www.aotopo.com.br/blog/
In both pages I inserted The addThis plugin.
Local testing is perfect for both, but online just the first one is working.
In 2nd the addThis plugin is located at post-content (just before the "Leia Mais" buttons).
(function help(){
if(somebodyKnowWhy){
pleaseHelpMe();
console.log("Thank you!");
}
})()
If somebody stumbled up in the same issue, I found the answer by a Wordpress.org member (srijith.v) when I asked the same question:
#Erick: I couldn't find addthis_widget.js being imported to the page. How did you add AddThis? Did you use the plugin available for WordPress?
You will need to include http://s7.addthis.com/js/300/addthis_widget.js to the page to render the buttons.
I just added this js to my footer as a source of a script tag and voila.

Resources