0
Welcome Guest! Login
0 items Join Now

Center menu in Helium template

Last Post
Search Topic
    • Beginner's Avatar
    • Beginner
    • Rocketeer
    • Posts: 81
    • Thanks: 0

    Center menu in Helium template

    Posted 7 years 8 months ago
    • Dear all,

      I have published the menu in position "Navigation". I would like to center only the particle Menu within the position, but how can I do this?

      Normally I could do this by adding the follow lines to a custom.scss:

      #g-navigation .g-main-nav {
      text-align: center;
      }

      Or do we have other options directly within the particle?

      Regards,
      Daniel
    #1311410
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Center menu in Helium template

    Posted 7 years 8 months ago
    • Could you please post a URL to your site (this can be done in the secure area tab if you prefer) so we can look for you. Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1311414
    • Beginner's Avatar
    • Beginner
    • Rocketeer
    • Posts: 81
    • Thanks: 0

    Re: Center menu in Helium template

    Posted 7 years 8 months ago
    • Hi Mark,

      it is only a test space because the new page will be developed on a local host.


      Regards,
      Daniel
    • Last Edit: 7 years 8 months ago by Beginner.
    #1311419
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: Center menu in Helium template

    Posted 7 years 8 months ago
    • Use this code...
      .g-main-nav .g-toplevel {
    text-align: center;
}

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1311429

Time to create page: 0.047 seconds