Align header logo and top menu

  • Resolved shaun7007

    (@shaun7007)


    9 years ago

    Hi,

    I have been trying to align the header logo image and menu in the center in a Spacious child theme.
    The site is: https://www.mariasandy.com/

    I’d appreciate some advice on how to get the menu directly under the logo, both aligned to the center.

    Thanks,
    Shaun.

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

    (@sheldz)

    to align you logo together with your nav try this css 

    #header-left-section {
    margin-top: 5px;
}
    #header-logo-image img {
    margin: 8px;
}
    Thread Starter shaun7007

    (@shaun7007)

    Thanks, that has lined them up.
    How can I get the menu sitting below the logo image?

    Thread Starter shaun7007

    (@shaun7007)

    I have the two centrred now with the CSS below:

    #header-left-section {
	background-color: #FFFFFF;
float: inherit;/* NEW WORK HERE --- was left ---*/
margin-right: 0;
margin-top: 0px; /* was 5px */
}
.footer-widgets-wrapper {
background-color: rgba(104, 104, 53, 0.9);
border-top: 1px solid #ccc999;
}

#header-logo-image {
	margin: 8px;/*was 8px*/
float: none;
margin-left: 40%;
margin-right: 0%;
}

    How can I get rid of the line between them, so that header-left-section and header-logo-image form one block on the page?

    Thread Starter shaun7007

    (@shaun7007)

    Hi this is the CSS to combine the header area in the same color.

    #header-text-nav-container {
	border-bottom: none;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

    Thanks for the help sheldz!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align header logo and top menu’ is closed to new replies.