Wordpress top navigation menu links inactive - javascript

I'm using a theme called Ironbull and when wordpress generates a menu the custom links are inactive. They are shown and when I hover the links the URL shows, but it wont load the link or open a new window.
There are a few "scroll to ID" links which works on the frontpage, but thats it. If I right-click on the link and press open in new window it loads.
I'm working on this site localy so please tell me if you need me to post any part of the code.
Many thanks

Related

Foundation Reveal issue if I have multiple links that opens the same modal popup

I have a page with multiple links that opens a foundation reveal modal. Each link opens the same modal. The problem is that I have some links on the top of the page, and some links on the bottom, so when I click on some link from the top, if I close the modal, the last link get the focus, so the page scrolls down to the last element that opens this unique modal.
Someone knows how can I fix this issue?
See https://github.com/zurb/foundation-sites/issues/10604 . One workaround is to open the modal via js instead of with data-open on each link. ie:
$('.open-my-modal-link').click(function() {
$('#my-modal').foundation('open');
...

Showing a slide out menu across tabs

I've got this requirement where we have to have slide out menu for our app (left or right). However, I was querying if it would be possible to show the same slide out menu across tabs of the browser.
For example, when I load my app on "tab1", it loads the menu. Now, I opened another tab, "tab2", from the application (a link or button). Is it possible to show that same menu on the page that opened in "tab2", given that the page opened in "tab2" can be originating from anywhere on the Internet, i.e., I cannot code that page in "tab2".
I did some search over google and here but this particular issue is not queried anywhere. It would be awesome if you can tell about any possibility and then I can try to do some POC around it.
Regards,
Ankur

Bootstrap Umbraco menu Dropdown click

I work for a site which has a site which is built upon Umbraco and utilizes bootstrap and Jquery.
We have a top navigation menu which has pages and sub-pages. When you hover over a navigation menu it opens up the sub-menu and lets you go to them.
When this menu is viewed on a mobile device it becomes a hamburger and when you click on it it drop-down and the main tabs are shown. Here when you click on the main tab it shows the sub-menu quickly but then goes to the main tab instead of allowing you to click on the sub-menu.
The problem is that this is a large site which is about to launch so that there is no easy way to find what links to what. What is a elegant way to fix this?
I cannot provide the link due to the fact that it is a company.
Thank you!
You could try using this bit of JS (requires jQuery):
$(".dropdown").on('click', function (e) {
e.preventDefault();
});
Or you could change your menu partial to just not put the URL in for menu items that have a dropdown and instead put a # in its place.

Open a Link to another website from within Fancy Box in a new window

Im stumped..... I'm using Fancybox jquery plug in to display some iframes over the top of my page in a lightbox style.... i have it all working but if I try to link to an external website from within the lightbox using the normal somesite
I before you suggest it I have tried target="_blank"with no luck.
it opens in the lightbox not in the original window, I dont mind if it opens in a new tab or windows I just cant have it opening in the lightbox... has anyone else experienced this before?
Just to make sure that I have understood the scenario here -
You have a link that when clicked, opens the content in a fancybox pop-up.
This content has some text and within that, it has a somesite link. You have also tried target="_blank".
When this <a>..</a> is clicked, it should act like a normal link and open in a browser (new tab or window). But it opens the this link in the fancybox pop-up instead.
If that's the case then I tried it and the link opened in a new tab.
Please clarify the above doubt of mine.
Thanks.
Try target="_parent" instead of target="_blank"
See following example:
somesite

tap working throught layer bootstrap iphone

I need help regarding mobile website on iPhone. I have implemented slide panel jquery plugin with bootstrap. The left-slide panel contains category links, positioned absolutely below the homepage. When I click the navigation button to open the slide-panel opens but the link below in slide-panel also get triggered. As a result page redirects to link after opening the slide-panel. Seeking for help...
Thanks

Categories

Resources