• Resolved ccmag

    (@ccmag)


    I’m trying to center the menu using what I found in this forum:

    @media all and (min-width: 56.25em) {

    .menu-primary {
    float: none !important;
    }
    }

    However, it still looks slightly off-center (favoring the left), perhaps because I have both the search function enabled in the right upper corner, along with two social media icons next to the search function. How do I center the menu more, so that it’s evenly positioned over the space provided for the logo (which currently looks more centered than the menu)?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter ccmag

    (@ccmag)

    Please note this is concerning the desktop view. It’s fine on smaller screens.

    Theme Author Ben Sibley

    (@bensibley)

    As you recognized, the menu is off center still because of the space the social icons take. I think the user in that prior thread wasn’t using them so it didn’t come up.

    You can add this code to remove the icons from the document flow but position them in the same place in the header:

    @media all and (min-width: 900px) {
    
      .social-media-icons {
        position: absolute;
        top: 28px;
        right: 0;
      }
    }

    The site should look identical but with the menu perfectly centered.

    Thread Starter ccmag

    (@ccmag)

    Thanks for the reply! Out of curiosity, is there any way to use the menu style that appears on smaller screens (three bars) on the desktop version?

    Theme Author Ben Sibley

    (@bensibley)

    That’s a good question. This would require a ton of code to implement via added Additional CSS, but it’s easy for me to include as an option inside the theme. I’ve added it to our upcoming features list ??

    Thread Starter ccmag

    (@ccmag)

    Look forward to having that as an option!

    Thread Starter ccmag

    (@ccmag)

    Will that option be available in the free version or only the Pro?

    Theme Author Ben Sibley

    (@bensibley)

    I’ll be adding it to the free version.

    Thread Starter ccmag

    (@ccmag)

    When will this option be available?

    Theme Author Ben Sibley

    (@bensibley)

    I can’t provide an exact date but it should be about a week from now. We have 30 products between the free themes and pro upgrades and I’ve bumped Chosen up a bit in the rotation to get to this sooner.

    Theme Author Ben Sibley

    (@bensibley)

    Hey there,

    The update is available now. You can find the option to keep the mobile menu active in the Additional Options section in the Customizer.

    Please note that it isn’t currently compatible with the Fixed Menu feature in Chosen Pro, but I will be updating that soon as well.

    Thread Starter ccmag

    (@ccmag)

    Thanks for letting me know! I checked and don’t yet see that option under Additional Options. There are currently only 4 options showing (make first blog post extra-wide, display post author name in byline, display scroll-to-top arrow, & display the date each post was last updated). I also have the theme set up to auto-update. Please advise. Thanks!

    Theme Author Ben Sibley

    (@bensibley)

    Sounds like your site hasn’t updated yet. If you have auto-updates turned on, it could be running on a schedule and the time when your site runs updates may not have occurred yet. You can verify your version of chosen by clicking on it in the Appearance menu: https://share.getcloudapp.com/E0uYA8kA. The new version is 1.47.

    Thread Starter ccmag

    (@ccmag)

    It has updated now! Thanks again!

    Theme Author Ben Sibley

    (@bensibley)

    Yea no problem!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Centering Menu Question’ is closed to new replies.