Classic Menu – Move to Site Logo row

  • Hi,

    Kathryn gave me help adding my site logo to the site icon row. I’ve now switched to “Classic” menu view, which shows drop-downs. I was wondering if there’s any way to move the menu row up to the same row as the Site Logo, to the right of the logo, so as to eliminate more white space on my front page. Is this possible?

    https://www.forgeysarabia.com

    Thanks for any help you can give!

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    That’ll require a fair bit of finagling with CSS, since that’s not how the theme was designed. I’d also strongly suggest you wrap it all in a media query to prevent the mobile styles from getting messed up, so try experimenting with something like this in your custom CSS editor:

    @media screen and (min-width: 1230px) {

.primary-navigation {
     display: inline;
     float: right;
}

.navigation-classic .menu-primary, .navigation-classic .menu-secondary {
     width: 670px;
}

.header-wrapper {
     display: inline;
     width: 375px;
}

.site-logo-link {
    float: left;
    margin-bottom: -40px;
}

}

    Keep in mind that if you add new top-level menu items you’ll need to make additional adjustments to account for that as well!

Viewing 1 replies (of 1 total)
  • The topic ‘Classic Menu – Move to Site Logo row’ is closed to new replies.