0
Welcome Guest! Login
0 items Join Now

SOLVED afterburner2 menu drop down mobile

  • SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • I would like to add spacing from the first menu item in the drop down menu so it's not hidden. I'm using the following override now for this display. Please see menu screenshot. Thank you in advance.


      
      .gf-menu-toggle .icon-bar {
          display: none;
      }
      .gf-menu-toggle:after {
          content: "MENU";
      }
      
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21555
    • Thanks: 3090
    • messin' with stuff

    Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • Give it a custom class like "my-top-menu-item" and
      @media (max-width: 48rem) {
      .my-top-menu-item {
        padding-top: 2 rem;
      }
      }
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
  • Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • hmm tried just adding what you posted but doesn't seem to do anything. Can you explain a little more please?



      .gf-menu-toggle .icon-bar {
          display: none;
      }
      .gf-menu-toggle:after {
          content: "MENU";
      }
      
      @media (max-width: 48rem) {
      .my-top-menu-item {
        padding-top: 2 rem;
      }
      }
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21555
    • Thanks: 3090
    • messin' with stuff

    Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
  • Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • No. Afterburner2 doesn't have a published module menu item for it's default menu I can see. It's controlled in the template settings. I forgot to say I'm using the templates default menu.

      Thanks,
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21555
    • Thanks: 3090
    • messin' with stuff

    Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • Sorry, my head was stuck in Gantry 5...

      Menu Manager > Menu > Menu Item > Dropdown Menu Options > CSS Class
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
  • Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • Np prob. I defined a class in the screenshot and then added the override but nothing changed. I have a feeling this isn't the right area for the menu class still
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21555
    • Thanks: 3090
    • messin' with stuff

    Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • Menus > Main Menu > Menu Item > Dropdown Menu Options > Custom CSS Class
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
  • Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • No custom class there, see screenshot. but do you mean in "page display"?
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 21555
    • Thanks: 3090
    • messin' with stuff

    Re: SOLVED afterburner2 menu drop down mobile

    Posted 7 years 2 months ago
    • lame, I thought Afterburner had the options... if you have some content in Top-A and if your Menu is in Top-B then you shouldn't have any spacing issues... post a link to your site and I'll try to help
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:

Time to create page: 0.057 seconds