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.