http://talkeetna-atvtours.com/ - the menu does not always automatically close when an item on it is touched. Seems like it should not be necessary to manually close the menu after selecting a link on the same page.
Adaptive Menu Magic does not close when item selected on phone
(16 posts) (2 voices)-
Posted 5 years ago
-
You are running an old script. AMM was updated to add the feature you are wanting. Go here and follow the instructions to update AMM and the script that is linked to your page:
http://www.projectseven.com/support/updatepages/amm.htm
The auto closing for phones was added 2 updates ago.
Posted 5 years ago -
Thanks, surprising that I should be so out of date. I bought AMM on 3/5/18 and downloaded that day. Do I have to receate the menu to get the new feature? I removed the old version and installed the new script and then "edited" it a bit and uploaded the new file but it did not seem to make a difference.
Second question, please - I want to have the menu as part of my template that I use for all pages so I only have to edit once. How do i use the scroll to anchor on the home page - I'm puting http://talkeetna-atvtours.com/#Reviewus in the Link Path box, for example. It seems as if one could use the Scroll to element box but when I try and use that I get
<li data-amm-priority="0"><a href="#Reviewus" class="amm-ste">Review Us</a></li> which does not work.Posted 5 years ago -
Hi Connie,
You do not have to recreate the menu. Simply install the updated version and go through the steps to replace the script in your p7amm folder. Then upload the new script to your web server. That's it!
If the menu is in a template, then I'm afraid if you use the STE feature it's going to be on every page. The only way to do what I think you want to do would be to use the DWT for all the pages in your site... except the home page. Then you an configure the menu to do scroll to element links to your heart's content.
Posted 5 years ago -
Thanks for instructions. I have new script running now, at least is it a new script created with the version _123 but the menu still does not close.
Posted 5 years ago -
Hi Connie,
For the close mechanism to work on same page links, the same page links have to use the built-in STE feature in the AMM interface. So, for your link that goes to #FAQ, use the scroll to element option in the UI to set FAQ as the target element. Two things will happen...
1. The menu will close
2. Instead of jumping to the FAQ section, the page will smoothly scroll to it.Posted 5 years ago -
Thanks for helping but I am giving up trying to make AAM work. It is not consistent, some links close the menu, some don't. When I try and edit it using the form, it changes the destinations when I move to the next item. The only way I got it to work as well as it is now is by editing the code manually.
I'd like to use SOM but how do I get the hamburger to stay within the margins of the page. The hamburger always goes to the far margin of the screen. I'd like it to stay within the page margin like I have it here http://globaleducationak.org/ where I got it inside the AAM div. There must be a cleaner way to accomplish this placement.
And it would be nice if I could keep the SOM hamburger inside the page margin on scroll as well.
Posted 5 years ago -
You are not understanding. You will need to call us on a phone and we will personally teach you, as there is absolutely nothing wrong with AMM.
Posted 5 years ago -
Hi Connie,
We're analyzing your page now and if we need to do another update to address it, we will. Stay tuned :-)
Posted 5 years ago -
It's my fault, Connie. Version 1.2.3 requires an update to the style sheet. If you are starting from scratch there is no problem, but if you are retaining an existing, edited style sheet, you must add the new rules yourself. Here is the revised copy from the updates page:
Adaptive Menu Magic (AMM) 1.2.3
Added smooth scrolling support for menu Scroll to Element (STE) links when linking from external page or source.Fixed bottom edge detection on vertical sub menu. The first hover was not properly activating the edge detection. Also fixed vertical sub menu bottom edge detection when page is scrolled.
If you did not delete your existing CSS file (perhaps because you've customized it) and did not allow the AMM interface to produce a new one, please paste the following rule inside the smartphone media query in your current AMM CSS file:
.p7AMM.amm-responsive li {max-height: 700777px;}
The media query starts on or about line 1509, with this line:
@media only screen and (min-width: 0px) and (max-width: 600px) {
Make a new line above the first rule inside the query and paste the above rule in:
@media only screen and (min-width: 0px) and (max-width: 600px) {
.p7AMM.amm-responsive li {max-height: 700777px;}If you have previously not updated to version 1.2.0, you will also need to copy and paste this rule into your AMM style sheet, making sure it goes before the media query:
.p7AMM.amm-fixed {
max-height: 100% !important;
overflow-y: auto;
}Call me, email me, or post back if there is anything you are not sure about.
Posted 5 years ago -
On second glance, I notice your AMM style sheet is not edited. So, your easiest solution is going to be to delete the p7AMM-01.css file from your p7amm folder. After deleting it, go to your page that has the menu and open the AMM UI as if you were going to edit the menu. Simply click OK. The system will create a new p7AMM-01.css file. This new file will fix all of your issues. Make sure you upload it to your server.
Posted 5 years ago -
Thanks , Al. I've detached the home page from the template and the home page menu seems to be working now.
Is it going to be possible to fix the template file http://talkeetna-atvtours.com/templates/base-hmy.dwt so that the menus will work on the rest of the pages on the site? I've tried as many settings as I can think of and get different results from some of them but none go to the ID on the home page consistently. The other option is to drop all the items from the menu on the other pages that require finding an ID on the home page and just have the interior page menus link to the home page and other pages.
Question re another site with AMM - is it possible to have the menu start at the closed position when the page is opened on a desktop? Other than making all the items sub menu items? While keeping the icon within the page margins?
And another general question - will SOM work with a site built just with Harmony? And if so, is it possible to force the hamburger to stay inside the page margins rather than on the screen margins?
Posted 5 years ago -
If you are running scrolling anchor links on the home page, other pages in the site cannot have the same links. It's never going to work right. The solution is to have your home page separate from the menu. A lot of people do that. We do that... except we use includes rather than templates. It will work perfectly.
As for the menu being closed, you are better off using Slide Out Menu, which is designed for that. It could be done with AMM, but would require a ton of CSS edits.
As for a position fixed element (like a hamburger) being positioned inside a specific element that is not the width of the window, it cannot be done naturally. You would need a custom script to constantly track positions. A position fixed element is always a direct child of the body and is manipulated using the top/right/bottom/left properties relative to the browser window or device viewport. It's a design issue, which most people deal with as a fact of life.
In a future spec of CSS there will be a property called "sticky" that will do what you want, but it is not yet ready to be used in real world pages.
Posted 5 years ago -
I'm not understanding. The home page is separate from the template and now stands alone. It's working on my phone now but not on the clients but I think that is because he can't reload the page.
Is what you are saying that the other pages have to only link to the home page and NOT to any of the anchors on the home page?Posted 5 years ago -
I just said that the home page should be separate. I couldn't tell from what you wrote. The links on the interior page menus (which should all be driven by a template) can link to the home page and an anchor. They will offer some animation. See this test page:
http://www.projectseven.com/products/menusystems/amm/testing/connie/interior.htm
Follow the links in the drop-down.
So long as your template menu is linking back to anchors on the home page, you will get some scrolling.
Posted 5 years ago -
Thanks for the sample. I can see what the code should look like now. Will try again. Appreciate your help.
Posted 5 years ago
Reply
You must log in to post.