Issues with Responsive Teamraiser Template

Dina Zawaski

Hi All,


Blackbaud implemented a responsive teamraiser template for us. We haven't deviated much from the original design but we're having issues with a couple things. The top fundraisers (the scroller version) aren't showing up under the blue headers at the bottom, and the registration buttons aren't visible on mobile, they just don't seem to adjust to screen size (and neither do the top fundraiser sections at the bottom).


Does anyone have any ideas? I can't for the life of me figure out what the issue is.

http://support.mspca.org/site/TR?fr_id=1923&pg=entry



Thank you in advance for any advice/help!


Dina

Hayley Adams

Dina Zawaski:

Hi All,


Blackbaud implemented a responsive teamraiser template for us. We haven't deviated much from the original design but we're having issues with a couple things. The top fundraisers (the scroller version) aren't showing up under the blue headers at the bottom, and the registration buttons aren't visible on mobile, they just don't seem to adjust to screen size (and neither do the top fundraiser sections at the bottom).


Does anyone have any ideas? I can't for the life of me figure out what the issue is.

http://support.mspca.org/site/TR?fr_id=1923&pg=entry



Thank you in advance for any advice/help!


Dina

One thing you can check if you have not yet is on step 13 Customize Page

Select Greeting page and make sure the Status indicators are set up. If they say None they will not show up.


If they have been set you may want to reach back out to Blackbaud and ask them if they were added to the pagewrapper for this TeamRaiser template.


When we first moved over to Luminate we had issues due to a <div>  not being closed.


Good luck,

Hayley


 

Philip Nawrocki

Hi Dina,


It looks like set a width of 900px on this code:


.page-home #call-to-action .container, .page-home #content, .page-home #content-primary .container, .page-home #leaderboards .container, .page-internal #content-primary .container, .page-personal #content-primary .container {

    width: 900px;


If you can access the CSS in the template.min.css and look for the line above you should be able to set it to 100%.


Specifically look for the .contaner class.


Thanks,


Phil



 

Dina Zawaski

Philip Nawrocki:

Hi Dina,


It looks like set a width of 900px on this code:


.page-home #call-to-action .container, .page-home #content, .page-home #content-primary .container, .page-home #leaderboards .container, .page-internal #content-primary .container, .page-personal #content-primary .container {

    width: 900px;


If you can access the CSS in the template.min.css and look for the line above you should be able to set it to 100%.


Specifically look for the .contaner class.


Thanks,


Phil



 

Thanks Phil! That solved the issue of the registration buttons not showing up on mobile, now I'm still trying to figure out why my honor roll scrolling section at the bottom isn't working. Thanks again!

Philip Nawrocki

Sweet! Happy we figured it out!


For the honor roll, is that on the same page?
http://support.mspca.org/site/TR?fr_id=1923&pg=entry


I see the honor roll on this page:
http://support.mspca.org/site/TR/HorsesHelpingHorses/General?px=2959664&pg=personal&fr_id=1923


Thanks,


Phil