Center main header; need custom CSS

  • Unknown's avatar
    askpharm · Member ·

    After navigating the settings of Radcliffe 2 and trying to find how to center the main header I’ve come to the realization I need to add CSS to center the main menu, but unfortunately I have limited experience. Could someone help me align the main header with some CSS? Thanks in advance.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    gemmacevans · Member ·

    Hi askpharm,

    I’ve come to the realization I need to add CSS to center the main menu

    Sure, I’ll be happy to take a look at this. Please paste the following CSS in to My Site > Design > Customise > CSS:

    /* centre align menu */

@media screen and (min-width: 768px)
.main-navigation ul {
      display: inline-block;
}

    If you need any further help, you’re welcome to reply here or start a chat :)

  • Unknown's avatar
    askpharm · Member ·

    Hello gemmacevans,

    thank you for the reply. Unfortunately pasting that into the CSS and publishing didn’t resolve the issue. Is there something else that I can do?

    regards

  • supernovia · Staff ·

    Ah, it’s using flex. Try this instead:

    @media screen and (min-width: 768px) {
   .main-navigation  {
      display: flex;
      justify-content: center;
   }
}
  • Unknown's avatar
    askpharm · Member ·

    Supernovia,

    good catch! This seemed to resolve my issue. Thanks so much for your help!

  • supernovia · Staff ·

    Glad that did the trick. Cheers!

  • The topic ‘Center main header; need custom CSS’ is closed to new replies.