1. 

   egrafx
   

   offline

   Member

   Can the appearance be altered? I don't see it in the image folder.

   Link:
   http://optodiode.com/review9/

   I would like it to look like the toggle switch on this site (using LBM nav):

   http://optodiode.com/

   Thanks in advance!

   Posted 5 years ago
2. 

   Sinclair
   

   offline

   Member

   Yes, you can use the LBMNAV image rather than the html entity used in PMM3, so, in the PMM3 markup, the second line has this.....

   <div id="p7PM3tb_1" class="pmm3-toolbar closed"><a href="#" title="Hide/Show Menu">≡</a></div>

   The forum has changed the entity and is showing it, so it looks something like this in the code & equiv; - change this whole line to....

   <div id="p7PM3tb_1" class="pmm3-toolbar closed"><a href="#" title="Hide/Show Menu"><img src="p7lbnav/img/toggle-icon.png" alt="Toggle Menu"></a></div>

   If you want the opacity change as LBMNAV has on hover, you'll want to create a couple of rules for the p7PM3-01 stylesheet, place them in the first media query, somewhere around line #369, like so....

   .p7PM3-01.responsive .pmm3-toolbar img {
   opacity: .5;
   }
   .p7PM3-01.responsive .pmm3-toolbar:hover img {
   opacity: 1;
   }

   HTH

   Posted 5 years ago
3. 

   egrafx
   

   offline

   Member

   That works great Sinclair. Can the image be vertically centered?

   Really the function and transparent on scroll lock feature that the LBM Nav has. Request a 2nd sub level be added to LBM Nav someday.

   Thanks!

   Posted 5 years ago
4. 

   Sinclair
   

   offline

   Member

   I'd just zero the font-size declaration here in the media query at line #386 or so.....

   .p7PM3-01.responsive .pmm3-toolbar a {
   font-size: 2em;
   font-weight: normal;
   color: #FFFFFF;
   text-decoration: none;
   }

   HTH

   Posted 5 years ago
5. 

   egrafx
   

   offline

   Member

   Perfect. Thanks for the great support!

   Posted 5 years ago

RSS feed for this topic

Reply

You must log in to post.