0
Welcome Guest! Login
0 items Join Now

SOLVED Fixed header

Last Post
Search Topic

  • SOLVED Fixed header

    Posted 7 years 2 months ago
    • I need to fix the header (logo+menu) in a joomla3 gantry 4 with a basic rt-gantry template.
      How to do please?
    • Last Edit: 7 years 2 months ago by mauro buffa.
    #1378098
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look 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.
    #1378099

  • Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    • Last Edit: 7 years 2 months ago by mauro buffa.
    #1378103

  • Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • This message contains only secure information that is visible to mauro buffa, moderators and administrators
    • Last Edit: 7 years 2 months ago by mauro buffa.
    #1378104
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Fixed header

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

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


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

      http://docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet

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

  • Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • Quickly solved as usual. Thankyou
    • Last Edit: 7 years 2 months ago by mauro buffa.
    #1378110

  • Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • Oh-oh... a black line remains at the top of the mainbody. How to do?
    • Last Edit: 7 years 2 months ago by mauro buffa.
    #1378136
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • Where? I don't see it? Please do a screenshot of your problem and annotate to make it clear.

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

  • Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • i have setted header opacity to 0.5 so you can see the black line of body . scroll to see it please
    #1378161
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Fixed header

    Posted 7 years 2 months ago
    • When developing web sites it is useful to learn to use either, the Inspector in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.


      Use this code...
      header#rt-top-surround {
    box-shadow: none;
    border: none;
}
#rt-drawer {
    border: none;
}


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

Time to create page: 0.064 seconds