Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi @formatica

    If you want to center the logo and menu item, please try to use this custom CSS code in Appearance -> Customize -> Additional CSS

    .site-branding {
      float: none;
      text-align: center;
    }
    
    .onepress-menu {
      float: none;
    }
    
    .main-navigation {
      display: table;
      margin: 0 auto;
    }

    then it looks like https://cl.ly/876f10d2ae5e

    Regards.

    Thread Starter formatica

    (@formatica)

    Thank you! It’s just what I need.

    In the menu bar I only have three items and they are too close together.

    Is there any way that the items are more spaced from each other?

    longnguyen

    (@longnguyen)

    Hi,

    You can use this custom CSS code to increase the space of the menu items

    .onepress-menu a {
    	padding-left: 25px;
    	padding-right: 25px;
    }

    Regards.

    Thread Starter formatica

    (@formatica)

    Thank you so much!!!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Horizontal alignment header menu’ is closed to new replies.