Header Image Alignment

  • Resolved selym

    (@selym)


    8 years, 8 months ago

    Hello,

    I was hoping to get my header image horizontally aligned with the menu, with the image on the left and menu on the right, but the header image seems much lower. I’m not very good with CSS so I’m hoping someone doesn’t mind sharing their knowledge and helping. ??

    https://bit.ly/1Rldxth

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

  • You can add this to your custom CSS area or child-theme’s CSS:

    /**
 * Make header image and header menu
 * stay side-by-side, each take 50% of container's width
 */

.site-header-main {
    float: right; /* stick header menu container to the right */
    max-width: 50%; /* limit menu's width to 50%, giving the other 50% to header image */
}

.header-image {
    clear: none; /* remove parent clearing to work with header menu's float */
    max-width: 50%; /* limit image's width to 50% of the container, giving the other 50% to header menu */
}

.site-header {
    clear: both; /* clear header menu float */
}
    Thread Starter selym

    (@selym)

    Awesome. Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Image Alignment’ is closed to new replies.