0
Welcome Guest! Login
0 items Join Now

top frame stays while scrolling

Last Post
Search Topic

  • top frame stays while scrolling

    Posted 7 years 11 months ago
    • Hi

      I am trying to figure out a couple things.

      How would I freeze the top of frame with the menu in it? So that it remains at top of the screen even when someone is scrolling down. Similiar to what is on here (rt).

      suggestions?

      thanks,

      Will
    #1290242
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: top frame stays while scrolling

    Posted 7 years 11 months ago
    • Use this code...
      /* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
#rt-top { 
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
  background-color: green;
}
body {
    margin-top: 50px;
}
}

/* Large Display */
@media (min-width: 1200px) {
#rt-top {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
  background-color: green;
}
body {
    margin-top: 50px;
}
}

      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.
    • 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.
    #1290248

Time to create page: 0.036 seconds