Move Logo Above Menu

  • I have tried multiple recommendations with no luck. I am trying to move the logo above menu items and centered but nothing seems to be working. The logo being inline with the menu items does not allow me to change the menu background with including the logo as well.

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

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

  • Hi @aamoabeng,

    Thanks for reaching out, and thank you for using Juliet!

    You’re right, shifting the header elements around gets a bit sticky. If the primary goal is to change the menu background as well as the logo area together, you can do that by adding this CSS in Appearance > Customize > Additional CSS:

    .site-header__wrap {
    background: gray;
}

    You can change the “gray” to any color or hex code you prefer.

    If you need anything else, just let us know!

    Thread Starter aamoabeng

    (@aamoabeng)

    I was afraid that was going to be the case change the menu background makes the menu bar very large. Wish there was a way to move it above it.

    Hi @aamoabeng,

    I may have misunderstood, I thought that was what you were after, my bad! ??

    Looks like you already found another theme that suits, but if you revisit this in the future at any point and want to change the background on a smaller area, just let us know and we can help.

    Thanks, and best of luck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move Logo Above Menu’ is closed to new replies.