Community Pro Menu

[johnstrubel]

Hi:

I recently setup Community Pro, however, the top navigation has disappeared and I am not sure why.

The URL is: http://www.churchandgospel.com

Can anyone offer a solution?

Thanks in advance ... John

http://www.churchandgospel.com

[SavvyJackie]

Hi,
Your menu is there, just not visible. Did you install any plugins or modified your stylesheet? I was able to see the menu my using the Inspect Element feature in my browser. It is hidden in the upper right corner of the screen.

This code in your stylesheet controls it.

.nav-primary {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  position: fixed;
  width: 260px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9999;
  background: #000000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(260px, 0, 0);
  -moz-transform: translate3d(260px, 0, 0);
  -ms-transform: translate3d(260px, 0, 0);
  -o-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[johnstrubel]

Thanks, Jackie.

This is strange. I checked the code and it is consistent with the sample above.

I have not added any new plugins or adjusted the code.

Any other suggestions?

Appreciate your help ... John

[Christoph]

Hi John,

around line 2368 of the style.css you have added a media query for min-width 1023px;

The first selector sets the menu "button" that toggles the navigation to display: none;

 .site-header a.menu-btn.right,
  .nav-primary .close-btn {
    display: none;
  }

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[johnstrubel]

Thanks, Christoph.

I see the code. When I changed the display setting to "inline" the page displays the menu option.

Prior to the nav disappearing it was displaying across the top.

Is there additional code I need to change the display?

[Christoph]

Hi John,

well, that would have been good to know 😉

You followed this tutorial to change the appearance of the menu?
http://support.communityprotheme.com/article/36-how-to-display-a-horizontal-navigation-on-desktop-screens

Undo the last change (back to display: none;) and make sure you followed all the steps of the tutorial, like setting the menu location to secondary menu...

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[johnstrubel]

That worked. Thanks, Christoph.

[Author]

Posts