1. 

   robert@estreamsys.com
   

   offline

   Member

   I'm wanting to use the Fixed On Scroll with the P7Vanilla and P7DMM whereby the background of the menu is originally transparent until the user starts to scroll - at which time, it will then change to a color.

   Am I overlooking something that will allow this to happen? I can't seem to figure this one out.

   Posted 4 months ago
2. 

   bizpat
   

   offline

   Member

   Not sure where it is in DMM but in AMM find this area

   ***************************************
   MENU WHEN FIXED ON SCROLL FALLBACK
   ***************************************

   .amm-fixed {
   background-color: rgb(192,192,192);
   }

   Be sure the it is either rgb or #
   I think default is to rgba (where the a = percentage of opacity)

   If is has the rgba(192,192,192,.8) it will have transparency of 80%. Either replace with rgba(192,192,192,1) or just rgb or hex.

   Posted 4 months ago
3. 

   Sinclair
   

   offline

   Member

   I just had a look, the rule I don't think is present but can be created, there are some caveats though, some styles from the Vanilla dmm will need altering if starting from a transparent dmm, as the link styles are white etc and would be invisible, Robert, could paste these in at the very bottom of the p7DMM10 (Vanilla dmm theme) stylesheet.....

   .p7DMM10 {background-color: transparent; background:none);}
   .p7DMM10.p7dmm-fixed { background-color:#000;}
   .p7DMM10 ul a { color: #000;}
   .p7DMM10 ul a.trig {background-image: url(img/p7dmm_east_black.gif);}
   .p7DMM10 ul a.open.trig {background-image: url(img/p7dmm_south_white.gif);}
   .p7DMM10.p7dmm-fixed.p7DMM10 ul a{ color:#fff;}

   @media only screen and (min-width: 0px) and (max-width: 700px) {
   .p7DMM10 {background-color: #111; background: rgba(0,0,0,.92);}
   .p7DMM10 ul a,.p7DMM10 ul ul a {color: #AAA;}
   .p7DMM10 ul a.trig {background-image: url(img/p7dmm_east_white.gif);}
   }

   HTH

   Posted 4 months ago

RSS feed for this topic

Reply

You must log in to post.