Menu not responsive

Could you link to your website?

https://www.evdonley.com/fcoc/

I also referenced: https://cagsl.org/

Sorry about that.

Sorry I missed it, I see your problem. It’s sort of the same deal on the theme’s demo site, so it’s not a bug entirely.

I’m not too sure how you want it to look? It is responsive technically, it’s not dynamic to every width of the browser though.

I would like the break points to be at 480 and 768 px. I would like the menu to remain as it appears on a full-size screen until about 480px and then switch to the hamburger menu. That would allow it to be readable on tablets and phones. The problems I am having are that the menu does not stick with the wrapper for the page content, nor is it even centered over it, and that causes it to wrap at 480px rather than switch to the smaller menu.

Following updates to both Omega and Church (child) themes, I continue to have issues with the navigation bar’s position. I tried moving the position of the nav as suggested in this thread (https://themehall.com/forums/topic/change-position-of-the-navigation-bar), to no avail. Any suggestions?

I also tried this (https://themehall.com/forums/topic/church-theme-navigation), but that’s not what I’m trying to do.

I see you customized the style-sheet

.nav-primary .wrap {
    background: none repeat scroll 0% 0% #34495E;
    margin: -20px 30px 0px 140px;
}

You should remove margin attribute from your custom css above.