Home>Support>menu: padding spacing and order
  1. 9 years, 6 months ago pelsar

    modify my question:
    i made a new menu, that at least gave me control over the order:

    my current css is mix of various css codes I’ve picked up from the forum and they may very well contradict one another:
    what i need:
    right aligned (exists)
    reduce the spacing between the menu items the code i found in the forum doesn’t work

  2. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Sure. Let’s try:

    Right align menu:

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

    Adjust menu spacing – horizontal:

    /* Menu Padding Horizontal */
    
    .main-navigation ul li a {
    padding-right: 25px;
    padding-left: 25px;
    }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More