Menu not responsive

  • Resolved evdonley

    (@evdonley)


    9 years, 2 months ago

    Although the css for my Church theme menu at evdonley.com/fcoc is the similar to the menu I used at cagsl.org, I cannot get the nav-primary to be responsive. I tried copying the css from cagsl.org & the nav still doesn’t move when adjusting the browser window.

    Additionally, the menu wraps when in portrait orientation on a tablet (which I think I can fix by using the tiny nav in the media query) and is just plain goofed up and inaccessible at phone screen sizes.

    What am I missing? Your help would be appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 2 months ago

    Could you link to your website?

    Thread Starter evdonley

    (@evdonley)

    9 years, 2 months ago

    http://www.evdonley.com/fcoc/

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

    Sorry about that.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    9 years, 2 months ago

    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.

    Thread Starter evdonley

    (@evdonley)

    9 years, 2 months ago

    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.

    Thread Starter evdonley

    (@evdonley)

    9 years ago

    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?

    Thread Starter evdonley

    (@evdonley)

    9 years ago

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

    Theme Author Han

    (@hwijaya)

    9 years ago

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Menu not responsive’ is closed to new replies.