I'm building a website for a client in Wordpress using the Avada Theme and for some reason, my nav bar anchor links are not working at all on mobile (when I click on one of the items in the dropdown either using Firefox's responsive view or my actual phone, it just goes to the top of that page, not to the section where the ID is), even though it works fine on desktop.
This is the website in question: http://harcourt.epicdev.co.za/
It's the items under What We Offer that I'm trying to get to work, and unfortunately the Avada forums are no help whatsoever.
Thanks in advance!
in avada you need to add an element anchor to the position where it should scroll to and give it a name.
Avada have this ability so you can adjust the exact position of an anchor accordingly to your needs. simply add the anchor element into your page wherever it should scroll to on click in menu, and its done. works in every browser. even IE.
i use the same procedure in my crypto lexikon.
Related
I'm having a strange issue regarding a Wordpress menu.
Menu items will get added to the menu list but they are not clickable and do not have any URL associated with their anchor tags.
So far I've tried disabling all plugins and changing themes but the problem persists. I also resaved the permalinks to see if it would fix the problem. Finally, deleting all menu items and rebuilding the menu did nothing either.
Here is the site: https://www.kidsplayandcreate.com
It is the primary menu that is not clickable. And the mobile version of the menu doesn't work either.
Additionally, it doesn't matter how the menu item is added, as a Page, Custom Link or otherwise. It has the same result.
The href property does not exist in the a tag
google chrome developer tools image
The first step is to check the WordPress log error file
I am trying to get Algolia Search to work on Genesis child theme.
I have downloaded the Beta WordPress plugin from https://github.com/algolia/algoliasearch-wordpress. While I can see that network wise, everything works well, the Search Results do not show up in the AJAX drop down just below the Search Box.
Another interesting observation is that while the main Search Bar on the front end of the website does not show any results, the small Search bar within the Admin menu on the top right corner of the page does show the results. That is because the Algolia code attaches to any DOM element with [name="s"].
However, I have checked using the Inspect tools that the Main Search bar is also surrounded by Algolia <span class>. As I type into the Main Search Bar, I can see the DOM changing dynamically to add the <div> tags containing the search results. So I know that the network piece is working.
Any ideas or suggestions on what to try?
Other things I have tried:
I placed the Search bar in the footer as well (thinking that maybe the opacity might be a problem in the header). Same result
I have tested the same plugin on a similar site (with identical plugins) but with a non-Genesis theme. It works fine. That is why I have concluded that this might be related to Genesis.
As I stated above, when I type in the Search bar in the top right corner within the WordPress Admin menu, it does work.
For anyone else that is trying to get this to work on genesis, here is the CSS change:
The issue is that the parent .search-form is configured with a weird "overflow: hidden". To fix your theme, just add the following CSS rule:
.search-form {
overflow: visible !important;
}
A new version of the plugin was released recently, 0.2.6 at the time of writing this.
In the new version, the dropdown is no longer injected in the same container as the search input container but is attached to the document instead.
You should no longer need to tweak the CSS like it is shared in your own answer.
You can download the latest version from: https://community.algolia.com/wordpress
Best
I'm fairly new to WordPress and I'm working on a site that was created by someone else; I've inherited the entire thing. There is a Hero Slideshow which works, but users have to click on the "tabs" then click on another image (Learn More) in order to go to the page they want; which of course is too much trouble.
I've found the code in front-page.php and I've changed how the spans and a href tags are in hopes of making the "tabs" in the Hero slideshow link directly to the associated pages. Everything looks correct and if you hover over the tabs the browser will show the correct link - however when you click on the tab it simply rotates the slideshow and doesn't actually link to the associated page. I can't find where I can change this behavior.
Anyone have any ideas?
stay well away from the php in wordpress .
just uninstall the hero slideshow and use "Cyclone Slider 2" plugin its very user friendly
easy to use , you can add and change pic and there is a lot of options on movement speeds enbed url links (etc)
I am a CSS noob and I created a carousel using jCarousel. It works like it should as a page and with tabbed menus. The problem is the theme adds CSS to it when I go to /admin/config/system/site-information and make the view the default front page. It adds list bullets over each carousel item and changes the displayed item location.
I want to remove these bullets from the view but not the entire site. The development site can be seen at http://delphos.lib.oh.us/NewSite/
If you click on one of the "tabs" (red boxed buttons) the display problem goes away.
Any help would be appreciated.
TBG
Try looking for this line:
.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before {}
You can remove the whole line, or just remove the content attribute. Either should work.
I'm currently working on a Wordpress website with an custom jQuery menu. And everything is working fine except for one thing. I want to add a active class to an menu item that corosponds with the current page.
So basicly when the viewer is on the page "catering" I want the catering menu button the have an different style then the rest. But because it's wordpress I can't put in the html so I guess it has to be done with PHP but that's really not my thing.
So I was wondering if any of you could point me in the right direction. Here is the link to the website http://no-illusions.nl/projecten/kokaanhuis/wordpress/# no pages are currently working but when you hover over a button a brown layer appears, I want that layer to be static (when it's down) on the current home page but can´t figure out the best way to do it.
Use wp_nav_menu (http://codex.wordpress.org/Function_Reference/wp_nav_menu). It attaches a current-menu-item class, as well as a few other useful classes (current-menu-ancestor, etc) for styling. Plus you'll also be able to easily edit the menu with the menu admin page.