1. 

   rpericic
   

   offline

   Member

   HI guys, need some help.
   I have a main AMM menu on all my pages. I also have different AMM menus on other pages. The main AMM is horizontal and the secondary AMM's are all vertical. They all work as expected.
   The issue I have is this, on mobile devices, both menus (In closed state) say Show Menu. I understand that this is the expected behavior.
   However, I would like the main AMM to stay as is, but the vertical menus to say "Previous Weeks" instead of "Show Menu" in the closed state.
   Any assistance as to how to accomplish this will be much appreciated.
   Thank you

   Posted 7 months ago
2. 

   paulw406
   

   offline

   Member

   Hi,

   Will changing the title in the AMM code work? If there is something in the user guide, I didn't see it.

   <div id="p7AMM_1" class="p7AMM amm-noscript amm-responsive amm-root-white amm-root-trans amm-rootlinks-white amm-subs-white amm-subs-trans amm-sub-borders amm-subs-rounded amm-centered amm-pointer blkwhgryHwyGrn" data-amm="360,5,900,5,-10,0,1,0,9,0,1,1,1,0,0,0" data-amm-label="More...">
   <div id="p7AMMtb_1" class="amm-toolbar closed"><a title="Hide/Show Menu" href="#">≡</a></div>

   -paulw

   Posted 7 months ago
3. 

   Gerry
   

   offline

   PVII Team

   The html markup only controls the title tool-tip on the hamburger icon. The text is controlled by rules in the style sheet.

   To set a special text for the second menu add this style rule to your style sheet:

   #p7AMM_2 .amm-toolbar.closed a:before {
   content: "Previous Weeks" !important;
   }

   This will set the 'Previous Weeks' hamburger text for the second menu (#p7AMM_2)

   Posted 7 months ago
4. 

   rpericic
   

   offline

   Member

   Awesome. Works like a charm.
   Thank You!!!

   Posted 7 months ago

RSS feed for this topic

Reply

You must log in to post.