0
Welcome Guest! Login
0 items Join Now

Quasar Header

  • Quasar Header

    Posted 13 years 3 months ago
    • I am trying to increase the size of the header for the Quasar theme but I can not seem to find where to do it. I have found where I can adjust the locations of the div which has helped a little.

      I am mainly trying to use a larger header-div and as such one of them gets cutoff by the showcase.
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: Quasar Header

    Posted 13 years 3 months ago
    • Can you please provide a link to your site so I can take a closer look?

      Please check the Top Tips for Support for the info we need to provide the quickest and best response.
    • The difficult we do immediately, the impossible takes a little longer.
  • Re: Quasar Header

    Posted 13 years 3 months ago
    • Figured it was a general enough question to where I didn't have to put any other information.

      Website is ira.rudziinc.com/ .

      I am talking about the header-div right below the menu. Either need that whole block to move up or the showcase block to move down so the header-div is fully visible. Looked where I thought it would be and css changes move them but ultimately don't make them completely visible as the Showcase block moves with the changes. At least what I did anyways.
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: Quasar Header

    Posted 13 years 3 months ago
    • Thanks for the link, it's much easier for us to help you if you provide one.

      If I understand correctly, you're wanting the background graphic for the header div below the menu to fully show, with the menu in between the two header graphics. After looking at your code, the positioning percentages are the cause of it getting cut off. In the code for #rt-header2 on line 25 of style4.css the vertical percentage is set to 120%, meaning it's pushing the image below the div, 100% is where you should set that. If you need the image to go lower, add a height to this div, the number you use there will push it down, like:
      #rt-header2 {
      background: url(../images/backgrounds/style4/header-div.png) 50% 100% repeat-x;
      height: 60px;
      }
      Change the height to suit your needs. Hope that helps.
    • The difficult we do immediately, the impossible takes a little longer.
  • Re: Quasar Header

    Posted 13 years 3 months ago
    • Perfect! I was looking for a height parameter but didn't find one and didn't think to add one. Rookie mistake I suppose.
    • Cliff Pfeifer's Avatar
    • Cliff Pfeifer
    • Preeminent Rocketeer
    • Posts: 8444
    • Thanks: 20
    • Website Developer

    Re: Quasar Header

    Posted 13 years 3 months ago
    • Glad that worked. It took me a minute to figure it out, it's a bit complicated with all the divs in that area. :D
    • The difficult we do immediately, the impossible takes a little longer.

Time to create page: 0.125 seconds