[Resolved] Customizing Header

Home Forums Support Customizing Header

This topic contains 5 replies, has 2 voices, and was last updated by  David 2 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1190993


    I am trying to customize the Header I want to do something similar as to https://www.anytimefitness.com/ I want to have the logo on the left, menu items center and then a button to the far right. Looked through the forums, couldn’t find the best way to go about this.


    David Customer Support

    Hi there,

    this article explains how to add a button to your navigation:

    If you can do that and then i can assist with the CSS to style the button and position the logo / nav / button.



    Thanks for your help on this David, I went in and added the css and added the class to a menu item Join Us. Ready for your help on the next steps. Also, with the button how to I push that down without having to make the border larger?


    David Customer Support

    Add this CSS for all the alignment fixes:

    @media (min-width: 769px) {
        .main-navigation ul {
            display: flex;
            align-items: center;
        .main-navigation {
            flex: 1;
        body .grid-container.inside-navigation {
            max-width: 100%;
        .main-navigation li:first-child,
        .main-navigation .main-nav ul li.nav-button {
            margin-left: auto;

    Does that button style work or you need something else? Let me know



    Hey, thanks, David! Worked perfectly. I just went back and tweaked the button css. So should be good now. If I need anything else that I cannot find in the form, Ill let you know. Thanks for the quick response. -Craig


    David Customer Support

    Awesome – glad to be of help 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.