Divi / Wordpress mobile menu 1click issue - css

I have run into a SUPER annoying issue in my mobile menu (https://www.aalborgkarneval.dk). When I click on the menu titles I have to double click on most of the menu titles for it to expand (+ works every time). Next issue is that I also have to press the sub titles multiple times also for it to go the the page.
For some reason this does not apply to the INFO tab, why I do not know.
-Testet on iOS.
Anyone can help??

can you give a try for the below:
Remove hover related CSS for menu items and check because in IOS 1st click is assumed as hover and second click is referred as actual click

Related

can I make two buttons to show up page in Elementor pro

good day,
I am using Wordpress and Elementor Pro for creating my website but I want to do like photo attached but I could not
I search a lot and found some said two buttons or nav menu or hamburger panel
but I didn't find any of these
So how can I make like this once user choose button shows up something else?enter image description here
Did you try "Tabs"? You can place her different contents at the same area by clicking the Tab Title which you could style with css.

Close Mobile Menu on Item click (elementor kit, wordpress)

I just can't seem to find the answer for this. I have tried some of the answers on this forum but it doesn't work. If I'm on mobile view and click on a menu item which has a "#" as link. The menu does not close. This is the site I am trying it on. I hope some one knows the problem.
www.cfxsquad.nl/verge/
The question is not detailed enough to understand exactly which item in the menu that doesn't work and what you want to achieve, but I assume it is the CASES link that causes a problem. It doesn't include `href="..." at all, so that's why it isn't responding to clicks.
The others below it include <a href="#" ... correctly. To get this to work you should include a href="#" and then change the # to a regular url in the wordpress format:
CASES
The mobile menu will automatically disappear when you get your links working – clicking the links will reload the page and the menu will be gone until the next time you click the open icon.
If you want a fancier animated retreat of the menu, you can try a javascript click handler of type mainMenu.addEventListener('click', closeMenu(e)) targeting either the whole menu area or each individual link item.
Then you attach that handler to the toggle menu javascript that already exists (I wasn't able to find the actual code in your site, the structure is hard to grasp and I only found a twentyseventeen theme). You can do that by replacing closeMenu(e) with the name of the function that toggles the menu from the hamburger menu. Make sure that you load your new JS after the theme's original script.
If you can't use the original toggle animation you have to first create a css animation, then add that css class to the #main-menu element dynamically with javascript when the menu/links are clicked. Imagining you have already declared your mainMenu variable above, and created the animate-close css class in your stylesheed (and that the css-class that keeps the menu open is called open:
const closeMenu(e) => {
// e.preventDefault() -- only if you don't want the
// link clicks to work/send you along to the next page
// Now close that darn menu:
if (mainMenu.classList.contains('open') {
mainMenu.classList.add('animate-close')
mainMenu.classList.remove('open')
}
}

How to disable top page from dropdown menu wordpress?

I relly need help. I made a wordpress website, but i dont know how to disable top page from drom down menu.
I want to turn off page "Apartmani" because it is a empty page, so can you tell me how to disable that page and when you want to click on it nothing happens.
Here s the picture http://www.dodaj.rs/f/t/13H/495kOjY8/pitanje.png so i want to unable "Apartmans".
Thanks
The easiest way for you do do this is not to add this "Apartmani" as a Page in your menu, but as a simple link (as you can add custom links in your menu), with "#" as target. As is you will have a menu item that will handle its sub-pages, but this item will not lead to anything at all as long as the targeted link is #...

WordPress menu - Show a pop-up box when clicked

I would like to click or hover on the links on the right and have it bring up the associated page/post as a pop-up. I have used the primary WordPress nav menu, that can be edited from the dashboard. But WordPress menus contain either pages, links, or categories. What one of those three should I use in the menu, to bring up an associated pop-up? The pop-up will look like this:
I thought a post would be a good one. A page will take the user to a new page which is not really what we want. We want it all to stay on this page.
You should use "lightbox gone wild" from this link. I have used in my site and
it is working very fine. There are many features in it like, next-previous button, close
button, open popup inside popup. For any help you can contact me. I have used it in my site

Drop down menu still visible in Internet explorer

This is very weird issue happening just with Internet Explorer. I made some works in a web with Wordpress, and my client asked me to remove some links in a Drop down menu in the Menu Bar. I made this change as he asked, but then i have found that just in a particular page of the Website in the menu bar this drop down menu is still visible in IE, why? The "funny" thing is that this is happening just in a menu bar of one page of the Website, and only with IE. Is it a normal issue? how it's possible to figure it out? .
This is the web and this is the page where the dropdown menu is still visible in the About link in the menu bar.
The only extra plugins i have installed are: W3 Total Cache and JS & CSS Script Optimizer.

Resources