WordPress Menu Link Issue - html

I am currently developing a WordPress website.
I have home page as parallax page. you can visit here. and parallax working fine on this page,
I have another page on same site which you can see here, you can also navigate to that page by clicking news menu link on home page.
My issue is, after navigating to news page, other links ( Home, Services ) not working.
When I right click and choose open link with new Tab its working, but when i direct click that menu link (Home, Services ), Its not working, Why? What is missing there?
I have tried to bind jQuery click event with it, and click event in jQuery working fine.

The browser is confused because you are using hashtags # in your url. Hashtags are normally used for links on the same page (anchors). The link is however not on the same page.
When you right-click and select open in new tab you are forcing the browser to go to a new page.
I do not know why the hastag is there in the first place. I suggest you remove it in the url. Do not forget the remove the hashtag in the slug of the page too.

your theme has an event on links with w-nav-anchor class in your js/plugins.js
Add more specific selector like '.home .w-nav-anchor' to run properly.

Related

Menu with anchor links to sections of a page (#) redirect to another page within the site (WordPress)

I've encountered a problem that never happened to me before: on this test site: http://c2040213.ferozo.com/dimi/ whenever you click on one of the sub menu links from the "Vender" menu item, they start redirecting to the "Comprar", even though on the href there is no indicator that the link itself redirects to that site, instead, they are anchor links to http://c2040213.ferozo.com/dimi/#tasa for example.
So I'm having trouble discovering why when I click a link that goes to http://c2040213.ferozo.com/dimi/#tasa, redirects me to http://c2040213.ferozo.com/dimi/comprar
I'm working on the latest version of WordPress and with Elementor.
Thanks a lot in advance, feel free to ask for more information if needed.

Links not working on Facebook Page Custom Tab

I have created a custom tab for a Facebook page. Everything is displaying, the only issue happening is none of the link in that tab is working. Is there a special code that I need to add for Facebook Tab page in order to make the links work?
This is the facebook tab.
https://www.facebook.com/AstellasUS/app/2475799012460272/
And the links I have used basic HTML below
<li>Twitter: twitter.com/astellasus</li>
<li>LinkedIn: linkedin.com/company/astellas-pharma</li>
<li>YouTube: youtube.com/user/AstellasUS</li>
<li>Website: astellas.us</li>
They are “not working”, because those sites forbid being displayed inside a frame on a different domain, via the X-Frame-Options header.
Trying to open those sites inside the app iframe doesn’t make that much sense to begin with - so simply add target="_blank" to those links, so that they open in a new window/tab.

Why my anchor link from a secoundary page is not working?

I have the following problem with one of my current projects.
I would like to achieve that when you click on a link which is on a secondarly page, it sends you to the home page but, not at the top of the homepage (by default), I would like that it sends you where a specific ID is.
At the moment I have the following URL in this special link but it doesn't work
link
I have tried different ways I saw in this community but I didn't have luck. At the moment when you click it send you to the homepage but at the top and my ID is almost at the end of the page
How can I fix it please?
Thanks
Kindly use below code on page load. make sure you call this once DOM is loaded. This will scroll the page to this anchor.
location.hash = "#contact-anchor";

Anchor Links Not Working On Current Page

I am trying to use anchor tags in wordpress on my main menu. I am creating the menu through the menu editor in wordpress. I have added my anchors to my page exactly how I want and have tested that the links for example mywebsite.com/about-us/#executive-team work correctly.
And they all work as I want them to when I paste the link in the browser address bar.
The links also work when I click on the menu item.
Here is my problem: the anchor links DO NOT work when I click on them from the actual page that has the anchor point on it. For example, if I click on mywebsite.com/about-us/#executive-team from mywebsite.com it works great. If I click on mywebsite.com/about-us/#executive-team from mywebsite.com/about-us the link does not go anywhere.
Any suggestions. I need the anchor links to work no matter what page they are being clicked from.
Remove the trailing slash from the URL:
mywebsite.com/about-us#executive-team
The trailing slash is looking for another page. It works fine from an external page, but on the page itself, the slash throws off the browser.

html: My website does not show the correct frame when navigating links

I have links and tabs on my home page of my portfolio, and links to others sites in my tabs, but the correct frame of the url does not change to the new url.
example page
http://www.mydomain.com/ is the home page, but when I navigate to new links the URL bar shows the home frame still, even though the links take the user to a new site.
How can I fix this in html, php, or javascript
To cause a link to load in the top level frame set the target of the link to "_top"
My Link
See the W3Schools Documentation