Vbulletin 6 header

[Kubes]

• i am running Vb 6.0.3 and used your code to move my search box out of the header to the nav bar. I got that to work but i want my header to cover the entire top of the screen and it doesnt. I have set my Wrapper max width to 100% and used this code for the search. i would like the site logo to stretch the width of the screen? Even if i shrink the wrapper max back to 1200px the header falls a little short of covering it but i like the forum much better covering the entire width of the screen. Would just like the header logo to match the full width.
  
  
  
  #header { position: relative; }
  #header .header-cell { width: 100%; }
  #header .site-logo, #header .site-logo img { max-width: 100%; } /* makes logo spans the width of the header */
  #header .site-logo { padding: 0; } /* remove padding around the banner logo */
  #header .toolbar {
  position: absolute;
  right: 0; /* for LTR languages (change right to left for RTL; see note below) */
  bottom: -34px; /* you may need to adjust this accordingly */
  padding: 0;
  width: auto;
  }
  /* reduce search box width from 168px to 120px or any size if you want */
  .search-container .search-box .search-term { width: 120px; }

[glennrocksvb]

Are you using this mod?

https://vbmods.rocks/forum/vbulletin-5-modifications/vbulletin-5-template-only-modifications/1629-how-to-add-a-full-width-logo-in-the-header

It should work in vB6. I just installed it on a vBCloud forum recently.

[Kubes]

i will try it now

[Kubes]

It looks the same

[Kubes]

I switched it back to center the search box the way i had it before. No matter what i size the image to Vbulletin is resizing it to 1024x205.

[Kubes]

The only way i seem to get the banner to cover the forum is if i move the Wrapper max width back to 900 PX but i do not like that look of the forum. Any ideas? i could probably load the header as a background image and just remove the header logo?

[glennrocksvb]

Can you post or PM the link to your forum so I can check?

[Kubes]

Can you post or PM the link to your forum so I can check?

Pm sent

[glennrocksvb]

You're using a banner logo that is only 1024px wide. Use a wider logo at 1920px (at least) or even double if you want to support wide screen resolutions.

[glennrocksvb]

The CSS code doesn't stretch the banner image to fit the full-width to preserve the image quality. But an image that is wider than the screen is shrunk proportionately to keep the aspect ratio. So it's better to use a wider image that fits or exceeds most of the screen resolutions.

[Kubes]

I tried this and it is 3000px wide and it just shrinks it

[Kubes]

I even doubled it and loaded one that was

[glennrocksvb]

Then I think the system is resizing the uploaded image based on the configured maximum size in the Attachment Manager in AdminCP.

If you want, you can stretch the image to force it to fill the full-width by adding this additional CSS:

#header .site-logo img {
    width: 100%;
}

[Kubes]

That worked!! Thank you

[glennrocksvb]

Glad to help!