0
Welcome Guest! Login
0 items Join Now

SOLVED Afterburner2 mobile menu

Last Post
Search Topic

  • SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • 2 questions on the menu itme in Afterburner2 template

      1. Can I change the mobile drop down menu to insteadshow text menu selections instead of the 3 bars and drop down selections?

      2. I would like to change the font and bump up size of text in menu. Which file for this?
    #1314342
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 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.

      You use custom CSS to make styling changes - you should never change our original template files.

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.
    • Last Edit: 8 years 7 months ago by MrT.
    • 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.
    #1314470

  • Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    #1314484
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • Use this code...
      .gf-menu-toggle .icon-bar {
    display: none;
}
.gf-menu-toggle:after {
    content: "MENU";
}

.gf-menu.l1 > li > .item {
    font-size: 1rem;
    font-family: verdana, sans-serif;
}

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Please see this page for a tutorial on adding fonts to one of our templates http://docs.gantry.org/gantry4/tutorials/adding-a-custom-font .



      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.
    #1314532

  • Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • Thank you - I see the font size is adjustable now!

      The mobile (responsive) menu shows 1 item and then a drop down menu still. I would like it to list out all the menu items amd no drop down if possible. The meny can just but text links nothing fancy all aligned across and top to bottom
    #1314602
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • The template only offers that dropdown style of mobile menu (activated by the hamburger). If you don't want a mobile menu (as it is now) then turn off the menu in template manager and instead create your own joomla menu module in the same position instead.

      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.
    #1314611

  • Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • Got it. Thank you!

      Please close this post out - appreciate the help.
    #1314623
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Afterburner2 mobile menu

    Posted 8 years 7 months ago
    • For future reference...

      If your issue is now solved, please EDIT your FIRST POST in this thread by adding [SOLVED] at the start of the title and then select the TICK icon. This lets the moderators know that it can be moved to the solved section.

      If you can't edit the first post this will be because it is more than 7 days old, so please reply stating that the topic can be closed and a moderator will do this for you.


      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.
    #1314680

Time to create page: 0.056 seconds