Wrap menu around logo

  • I’ve managed to center my logo in the customizer using

    .site-branding { width: 100%; text-align: center ; }

    , but I’ve tried various iterations of CSS to get this nav menu wrapping around the logo with no luck.

    Any help appreciated.

    The page I need help with: [log in to see the link]

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

  • Hi,

    You can try to use this custom CSS code in Customizer -> Additional CSS, to center the logo and menu below

    .site-branding {
	float: none;
	text-align: center;
}

.onepress-menu {
  float: none;
}

.main-navigation {
  display: table;
  margin: 0 auto;
}

    https://cl.ly/e9365f32601f

    Regards.

    Thread Starter ryanpaintershow

    (@ryanpaintershow)

    Thanks.

    This brought the nav menu UNDER the site logo, but I want the logo to appear in the middle of the nav menu, with menu options on either side of the logo.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wrap menu around logo’ is closed to new replies.

Tags