Viewing 3 replies - 1 through 3 (of 3 total)
  • FUTr3

    (@futr3)

    I’ve been having trouble with the same thing, I’d like to justify the menu and still retain the responsiveness of the theme menu. Like have it justify even when changing the size of the screen.

    From there I’ll set the menu collapse px width to keep the menu line from doubling up when it gets too small, it’ll just turn into the mobile menu instead. Anyone???

    Hi

    Here is how you can center the main menu:

    /* Vantage Center the main menu */
    
    .main-navigation ul {
    text-align: center;
    }
    
    .main-navigation ul li {
    display: inline-block;
    float: none;
    }
    
    .main-navigation ul ul li {
    display: inline-block;
    float: none;
    text-align: left;
    }

    And here is how you can right align it:

    /* Vantage Center the main menu */
    
    .main-navigation ul {
    text-align: right;
    }
    
    .main-navigation ul li {
    display: inline-block;
    float: none;
    }
    
    .main-navigation ul ul li {
    display: inline-block;
    float: none;
    text-align: left;
    }

    CSS should be placed in a Custom CSS plugin. If you’re running Vantage Premium there is a Custom CSS option under the Appearance Menu.

    To confirm though. At this stage we’re unable to assist, unfortunately, with justifying the menu. The above center and right align options we can provide. Sorry we don’t have more on this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Justify Masthead Menu to the Right’ is closed to new replies.