Answers.Body: <p>I was able to solve via css. I commented out lines 112 &amp; 116 in this file: /org.civicrm.volunteer/ang/volunteer.css. The cart still floats is just stays in position as opposed to being in a fixed point while scrolling. Below is the edited css excerpt. </p>
  
  <pre><code> .crm-vol-half-responsive.crm-vol-opp-cart.floating_cart {
   /* position: fixed;*/
    top: 50px;
    right: 0;
    min-width: 200px;
   /* width: 20%; */
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-22T18:09:09.927Z
Answers.LastActivityDate: 2019-11-22T18:09:09.927Z
Answers.UserDisplayName: KilakwaBT
Answers.Body: <p>It is quite annoying isn't it? I am not sure if this was the only change I did but I edited the core file <a href="https://github.com/civicrm/org.civicrm.volunteer/blob/22eb7ca6dbf99cddb6c43405a88f2cdf83ae7609/ang/volunteer/VolOppsCtrl.js#L224" rel="nofollow noreferrer">https://github.com/civicrm/org.civicrm.volunteer/blob/22eb7ca6dbf99cddb6c43405a88f2cdf83ae7609/ang/volunteer/VolOppsCtrl.js#L224</a></p>
  
  <p>and changed from 'scroll' to 'click'. Might not be the best way but it worked.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-22T16:26:24.953Z
Answers.LastActivityDate: 2019-11-22T16:26:24.953Z
Answers.UserDisplayName: Andy Burns
Body: <p>On the search for volunteer opportunities page the commitment box with the signup button floats on the screen. I'd like to prevent this as it obscures the list of opportunities. Does anyone have a recommendation on the best way to achieve this?</p>
  
Tags: <civivolunteer>
Title: CiviVolunteer Commitment box control
ThreadText: # CiviVolunteer Commitment box control
  
  (Asked by: username_0 on 2019-11-22)
  
  On the search for volunteer opportunities page the commitment box with the signup button floats on the screen. I'd like to prevent this as it obscures the list of opportunities. Does anyone have a recommendation on the best way to achieve this?
  
  **Tags:** civivolunteer
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_0 on 2019-11-22. Score: 1 | Accepted answer
  
  I was able to solve via css. I commented out lines 112 & 116 in this file: /org.civicrm.volunteer/ang/volunteer.css. The cart still floats is just stays in position as opposed to being in a fixed point while scrolling. Below is the edited css excerpt. 
   .crm-vol-half-responsive.crm-vol-opp-cart.floating_cart {
   /* position: fixed;*/
    top: 50px;
    right: 0;
    min-width: 200px;
   /* width: 20%; */
  
  
  ---
  
  ### Answer by username_1 on 2019-11-22. Score: 1
  
  It is quite annoying isn't it? I am not sure if this was the only change I did but I edited the core file <https://github.com/civicrm/org.civicrm.volunteer/blob/22eb7ca6dbf99cddb6c43405a88f2cdf83ae7609/ang/volunteer/VolOppsCtrl.js#L224>
  
  and changed from 'scroll' to 'click'. Might not be the best way but it worked.
  
  
  ---
  
  