Horizontal alignment header menu

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?

    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.