Mobile Navigation Menu - TeamRaiser Page Wrapper

Caitlin Gadecki · October 2017

The mobile navigation menus for my latest 2 TeamRaiser pages aren't functioning (Navigation menus in web browser on a computer functions perfect). I'm trying to determine:

1) What piece of code is missing?

2) What page wrapper (reus_Teamraiser_****) would this code error be located?

I copied a functioning set of pages and edited the navigation menu items, slide content. I've noticed that when you copy a published page some of the functional coding drops off (at least that's the case with the Navigation menu page that I work from.

Thank you!

Philip Nawrocki · October 2017

Hey Caitlin,

Can you provide a url so we can see the page this is happening on?

Or the code?

Thanks,

Phil

Caitlin Gadecki · October 2017

Philip Nawrocki:

Hey Caitlin,

Can you provide a url so we can see the page this is happening on?

Or the code?

Thanks,

Phil

http://give.connecticutchildrens.org/pjday

I've reviewed the Navigation menu page code and everything matches what's on a page where the mobil nav menu is functional.

Philip Nawrocki · October 2017

Do you have a link to the one that is working correctly?

For the div with id="logo" you can remove some of the css to make the image not appear off-screen to the left.

I took off the margin: 0, float: left, position: static and justify-content: center.

This is in the template.min.css file

Thanks,

Phil

Caitlin Gadecki · October 2017

http://give.connecticutchildrens.org/jrwarrior

I'll look at the logo issue - that was something blackbaud fixed for me but was never exactly perfect. Thanks for the tip. This level of coding isn't exactly my area of expertise, but we don't have anyone in house to manage.

thanks!

Philip Nawrocki · October 2017

Check out this line:

<button class="navbar-toggle">

In the one that is working, it is:

<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='#header-nav'>

Caitlin Gadecki · October 2017

Do you have any idea what page that coding is located within the "reus_Teamraiser" pages? Or is there more code around it that might help me identify where it'd be located?

I've been search since you posted and can't locate.

Philip Nawrocki · October 2017

You can find which pagewrapper you are using by doing the following:

Go to TeamRaiser in question and click Edit

Go to Step 13 and click it

Scroll down to 'Related Actions' it is under Step 16 in the left hand menu.

Click Customize Wrappers and Style

Numbers 2 and 3 on the right will tell you the Page Wrapper.

Then you can go to the main navigation and go to Setup -> Page Wrapper Editor and search for the name of the wrapper from above.

Thanks,

Phil

Caitlin Gadecki · October 2017

I have the Page Wrapper identified, just unsure of which of the 12 pages within that wrapper contains the messed up code. I'll keep at it!

Thanks for all your time Phil. It means a lot!

Philip Nawrocki · October 2017

That code is most likely in the stylesheet, which is different than those pages.

You can most likely edit it using ftp. This way you can access the file and then put it back on the server.

You just have to use the path:

turbo-themes/ccmcf/static/css/

File name: template.min.css

Mobile Navigation Menu - TeamRaiser Page Wrapper

Comments

Categories