0
Welcome Guest! Login
0 items Join Now

The header position must have the full width

  • The header position must have the full width

    Posted 11 years 5 months ago
    • Hello,

      I fight now for several hours and can not find a solution.

      And I want the header position have the full width.

      The idea is to accommodate both the logo and the menu there under.

      I have hereby tried:

      # rt-header rt-container {width: 100% important;!}.

      but that has no effect.

      I must because the menu (gf menu) change anything?

      Thanks and regards,

      January
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: The header position must have the full width

    Posted 11 years 5 months ago
    • do you have a link to check?
  • Re: The header position must have the full width

    Posted 11 years 5 months ago
    • Hi Henning,

      yes of course but the site is far from finished.

      At the top where the logo is on the left and the menu is located in the center of the header.

      This header should get the full width so that the menu gets to the right.

      Thank you for looking
    • Last Edit: 11 years 5 months ago by Svetlana Kummert.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: The header position must have the full width

    Posted 11 years 5 months ago
    • try to add this to your css


      #rt-header div.rt-container .rt-alpha {
      width: 40%;
      }

      #rt-header div.rt-container .rt-omega {
      width: 60%;
      }

      div#rt-header {
      width: 100%;
      }
  • Re: The header position must have the full width

    Posted 11 years 5 months ago
    • Thank you Henning!

      Unfortunately, the goal is not reached;-(

      The logo is to the far left, followed by the menu and at position 3 in the header comes the login area.

      As I do not speak on the logo, rd logo appears.

      greeting
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: The header position must have the full width

    Posted 11 years 5 months ago
    • lol when you posted the link there was no login.
      Of course the code can't work that way.
      I have to take another look ...
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: The header position must have the full width

    Posted 11 years 5 months ago
    • add this to your css


      #rt-header div.rt-container {
      width: 100%;
      }

      #rt-header div.rt-container div.rt-grid-2 {
      width: 20%;
      }

      #rt-header div.rt-container div.rt-grid-8 {
      width: 60%;
      }


      but you have a very unfortunate set up that just cant work well.
      big logo + big menu + login in one row.
  • Re: The header position must have the full width

    Posted 11 years 5 months ago
    • :D Okay, thank you.

      I just hope Gantry is more flexible than other Frame Works. But it seems very complicated sometimes.

      Thank you a lot!
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: The header position must have the full width

    Posted 11 years 5 months ago
    • well things that don't really make sense don't make more sense if you are using a framework.
      If you put many things in one line you need to think about what happens on smaller screens.

Time to create page: 0.074 seconds