Coffee sent.
Announcement
Collapse
No announcement yet.
How to add a full-width logo in the header
Collapse
X
-
Hello Glenn
I have problem with the breadcrumb menu after the 5.5.0 update, the menu goes to the right side, check this post please https://www.vbulletin.com/forum/foru...013-menu-moved
Can you maybe see if this script need to be up datet for 5.5.0?
Thanks in advance
ChileCaliente
- Top
- Translate
- Bottom
Comment
-
Does the issue also happen in the default style?
Anyway, try this:
Code:#breadcrumbs { clear: both; }
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
Originally posted by glennrocksvb View PostDoes the issue also happen in the default style?
Anyway, try this:
Code:#breadcrumbs { clear: both; }
I tried the default style and all perfect there...
I put your code in the css_additional and voila, all perfect again...
Thanks for help Glenn...
ChileCaliente
- Top
- Translate
- Bottom
Comment
-
Hi Glenn, looking at the site displayed on my monitor (100% in display settings) the forum (vB5.5.3) is 2400 pixels wide. I have tried your CSS with both 1200 and 2400 pixel wide graphics uploaded as the logo and they still only occupy half the width of the header.
What am I doing wrong?
IB
PS - please have a look at fourthirds-user dot com/forum/
- Top
- Translate
- Bottom
Comment
-
In your additional css try changing;
Code:#header .site-logo img { max-height: 32px; width: auto; }
Code:#header .site-logo img { max-height: 32px; width: 100%; }
- Top
- Translate
- Bottom
Comment
-
NumNum Thanks for that - actually that code isn't in Glenn's original (or am I missing something) I did realise the maximum logo height (it's 2400x250) was too small and I fiddled around and finally got the logo to go full-width, but as you predicted, it's obviously aliased - basically not acceptable. I've left it like that for now if you'd like to have a look?
This is the code currently as it is (I'm really not a CSS coder so I'm sure there could be some mistakes there!
Code:@media only screen and (max-height: 480px) { #header .site-logo img { max-height:none; } } @media only screen and (max-height: 360px) { #header .site-logo img { max-height:none; } } @media only screen and (max-width: 360px) { #header .site-logo img { max-width:344px; } #header .site-logo.header-edit-box { text-align: center; } } @media only screen and (max-height: 320px) { #header .site-logo img { max-height:none; } } @media only screen and (max-width: 320px) { #header .site-logo.header-edit-box { text-align: center; } #header .site-logo img { max-width: 304px; } } #header { position: relative; height: auto; } #header .site-logo img { max-height: auto; width: 100%; } #header .header-cell { width: 100%; } #header .site-logo,#header .site-logo img { max-width: 100%; } #header .site-logo { padding: 0; } #header .site-logo img { display: block; } #header .toolbar { position: absolute; right: 0; bottom: -30px; padding: 0; width: auto; } @media only screen and (max-width: 440px) { #header .site-logo.header-edit-box { padding: 0; } }
- Top
- Translate
- Bottom
Comment
-
Question.
Running VB 5.6.4 Dark style.
Put in the code you provided.
I get this
Where the red is, the picture is to small (original 1500px)
It leaves a piece transparant, because i can click on the red part, so it works but just only the picture will not expand enough?
Hope to hear
- Top
- Translate
- Bottom
Comment
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
Reply to Topic Starter Ribbon for vBCloudby glennrocksvbThanks for reporting. I'll bookmark this post and check the issue.Yesterday, 06:40 PM
-
Reply to Topic Starter Ribbon for vBCloudby MitchIt seems since the 6.0.4 update the topic starter is no longer workingYesterday, 05:02 PM
Comment