0
Welcome Guest! Login
0 items Join Now

SOLVED Afterburner 2 adding fixed menu

    • gaaragr's Avatar
    • gaaragr
    • Jr. Rocketeer
    • Posts: 23
    • Thanks: 0

    SOLVED Afterburner 2 adding fixed menu

    Posted 5 years 9 months ago
    • Want to add a fixed menu in afterburner,i tried adding custom css rules but it seems it takes all the top surround (along with some showcase i have)
      Is it possible with a custom css file ?

      hellenic-impex.eu
    • Last Edit: 5 years 9 months ago by gaaragr.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 86161
    • Thanks: 11075
    • Web Designer/Developer

    Re: SOLVED Afterburner 2 adding fixed menu

    Posted 5 years 9 months ago
    • To achieve a fixed header position (fixed on desktops and large displays only). Use this code...
      @media (min-width: 960px) and (max-width: 1199px) {
      #rt-top {
           left: 0;
           position: fixed;
           right: 0;
           top: 0;
           z-index: 100;
           background-color: white;
      }
      body {
           margin-top: 150px;
      }
      }
      @media (min-width: 1200px) {
      #rt-top {
           left: 0;
           position: fixed;
           right: 0;
           top: 0;
           z-index: 100;
           background-color: white;
      }
      body {
           margin-top: 150px;
      }
      }
      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_fracture). 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.
    • 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.
    • gaaragr's Avatar
    • gaaragr
    • Jr. Rocketeer
    • Posts: 23
    • Thanks: 0

    Re: SOLVED Afterburner 2 adding fixed menu

    Posted 5 years 9 months ago
    • thx alot this is what i wanted! is it possible to take only the menu bar and not the whole header?
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 86161
    • Thanks: 11075
    • Web Designer/Developer

    Re: SOLVED Afterburner 2 adding fixed menu

    Posted 5 years 9 months ago
    • Not easily, no - because your menu and logo are in the same position area.

      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.
    • gaaragr's Avatar
    • gaaragr
    • Jr. Rocketeer
    • Posts: 23
    • Thanks: 0

    Re: SOLVED Afterburner 2 adding fixed menu

    Posted 5 years 9 months ago
    • thx alot, i will try to find a solution myself! Excellent support ! Solved !
    • Gley's Avatar
    • Gley
    • Newbie
    • Posts: 19
    • Thanks: 0

    Re: SOLVED Afterburner 2 adding fixed menu

    Posted 4 years 3 months ago
    • I would like to do the same thing with the menu of Salient Template (position navigation) with the logo and the Off Canvas Toggle but it doesn't work with this code. I just have a white band and it is not fixed. I can i do this? thanks a lot
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 86161
    • Thanks: 11075
    • Web Designer/Developer

    Re: SOLVED Afterburner 2 adding fixed menu

    Posted 4 years 3 months ago
    • Gleyze -
      1. please don't post in Solved topics or we might miss your post. Always raise a new topic in the appropriate forum (in this case that should have been "Salient - Joomla" forum.
      2. This was for a different template
      3. This was for Gantry 4 not Gantry 5.
      4. See http://www.rockettheme.com/forum/joomla-template-callisto/241580-creating-a-fixed-header-navigation-in-callisto-new-and-updated

      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.

Time to create page: 0.065 seconds