0
Welcome Guest! Login
0 items Join Now

SOLVED Fixed header

  • SOLVED Fixed header

    Posted 6 years 1 month 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: 6 years 1 month ago by mauro buffa.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Fixed header

    Posted 6 years 1 month 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.
  • Re: SOLVED Fixed header

    Posted 6 years 1 month ago
    • This message contains only secure information that is visible to MrT, moderators and administrators
    • Last Edit: 6 years 1 month ago by mauro buffa.
  • Re: SOLVED Fixed header

    Posted 6 years 1 month ago
    • This message contains only secure information that is visible to mauro buffa, moderators and administrators
    • Last Edit: 6 years 1 month ago by mauro buffa.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Fixed header

    Posted 6 years 1 month 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.
  • Re: SOLVED Fixed header

    Posted 6 years 1 month ago
    • Quickly solved as usual. Thankyou
    • Last Edit: 6 years 1 month ago by mauro buffa.
  • Re: SOLVED Fixed header

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

    Re: SOLVED Fixed header

    Posted 6 years 1 month 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.
  • Re: SOLVED Fixed header

    Posted 6 years 1 month ago
    • i have setted header opacity to 0.5 so you can see the black line of body . scroll to see it please
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Fixed header

    Posted 6 years 1 month 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.

Time to create page: 0.042 seconds