0
Welcome Guest! Login
0 items Join Now

Xenon/Gantry 5 Menu Item Font Size

  • Xenon/Gantry 5 Menu Item Font Size

    Posted 8 years 3 months ago
    • I'm tickering with the menu and I've made some edits that are not taking affect. Here is what I am trying to change in order to get the menu font size to be larger and put a background color in the menu. The background color is working but the font size is not. Can someone help me?


      /* Menu Edits ------------------------------- */
      
      
      /* Background Color */
      #g-navigation {
          background: rgba(0, 0, 0, 0);
          color: #fff;
          position: relative;
          z-index: 10001;
          background-color: #005502;
      }
      
      /* Font Size */
      .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container  {
          font-size: 1.2rem;
          font-weight: normal;
          padding: 0.2345rem 0;
          white-space: normal;
          word-wrap: break-word;
          overflow-wrap: break-word;
          word-break: break-all;
          -webkit-transition: 0.35s ease;
          -moz-transition: 0.35s ease;
          transition: 0.35s ease;
      }
    • Last Edit: 8 years 3 months ago by Edward L Kelly Jr. Reason: I have figure it out. Thanks.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Xenon/Gantry 5 Menu Item Font Size

    Posted 8 years 3 months ago
    • If this is a site that is online (just installed, dev or live) could you please supply a link in the Public or SECURE part of your reply so we can better diagnose the issue?
      It makes our suggestions more accurate if we see the actual coding of your site.
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Xenon/Gantry 5 Menu Item Font Size

    Posted 7 years 11 months ago
    • Hi Edward,

      I am currently going through our old posts and was wondering if you still need help with this issue or can we close it?

    • 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
  • Re: Xenon/Gantry 5 Menu Item Font Size

    Posted 7 years 8 months ago
    • Yes, could you please help me change the menu font size? I am using the Galatea theme.
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Xenon/Gantry 5 Menu Item Font Size

    Posted 7 years 8 months ago
    • Edward L Kelly Jr wrote:
      Yes, could you please help me change the menu font size? I am using the Galatea theme.

      We'd be glad to help but it's almost impossible without a link so that WE can see the issue ;)
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Xenon/Gantry 5 Menu Item Font Size

    Posted 7 years 8 months ago
    • Hi Edward,

      In your custom.scss (click for instructions) file add this code...

      #g-offsidebar .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
          font-size: 1rem;
      }

      now change the 1rem to the size you want.

      Hope this helps 8)
    • The following users have thanked you: Solent


    • 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

Time to create page: 0.048 seconds