Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 09 Oct 2016, 13:01
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Post header problem

Hi there,

I have a problem with my custom header.
The problem is that is not auto scaling to different sizes.
Managed to get it work on the PC, however when i check on mobile it wil not automatically ajust to the screen.

Can any one help me???

The link : www.rlx4u.com

Thx in advance
Reply With Quote
  #2  
Old 10 Oct 2016, 07:42
ForceHSS's Avatar
ForceHSS ForceHSS is offline
 
Join Date: Apr 2008
You don't have the banner on the mobile style
Reply With Quote
  #3  
Old 10 Oct 2016, 08:16
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Oke, have to ajust that, thx.

However, on different resolutions it will not ajust automatically either.
So how do i make it ajust automatically to people with another resolution.

Thx
Reply With Quote
  #4  
Old 10 Oct 2016, 09:48
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
add this to the style of the logo..


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

And remove this from header id.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #5  
Old 13 Oct 2016, 05:24
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Originally Posted by Seven Skins View Post
add this to the style of the logo..


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

And remove this from header id.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
Removed the height, and added the width in the header template:

<div id="header" class="floatcontainer doc_header" style="overflow: hidden; width: 100%; max-width: 100%;">
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"><img src="http://www.rlx4u.com/forum/images/Seamus/misc/rlx4u.png" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div><vb:else /><div>&nbsp;</div></vb:if>

But still isn't working.
Kan someone tell me what i am doing wrong???

Thx
Reply With Quote
  #6  
Old 13 Oct 2016, 14:10
Seven Skins's Avatar
Seven Skins Seven Skins is offline
 
Join Date: Sep 2008
Code I posted has to be applied to the logo image. Not to the div.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #7  
Old 14 Oct 2016, 06:47
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Ok, i probably look stupid (this is all new for me), but do you mean likt this??

<div id="header" class="floatcontainer doc_header" style="overflow: hidden; width: 100%;">
<vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image {width: 100%; max-width: 100%;}"><img src="http://www.rlx4u.com/forum/images/Seamus/misc/rlx4u.png" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div><vb:else /><div>&nbsp;</div></vb:if>

I have looked for other "logo" templates but couldn't find anything.
So i guess this one is the one. However i can't get it to work.

Thanks for your help and hopefully your patience.
Reply With Quote
  #8  
Old 14 Oct 2016, 06:57
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
What Seven Skins has given you is a CSS class selector, which means it can be added to your "additional.css" template. It will then affect any HTML element with the class "logo-image."
__________________
Former vBulletin.org Staff Member



Support for my products (as well as updates/new product publishing) has been moved to MHB - vBulletin Products and TAZ - Add-ons
Reply With Quote
  #9  
Old 14 Oct 2016, 07:27
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Ok, now i have seen it i should have known there it has to be changed. I am Stupid hahaha.

However,
There is nothing in the additional.css regarding the logo, only the header.
Do i have to put it over there????

Or do i have to make an custum logo part????

Thx
Reply With Quote
  #10  
Old 14 Oct 2016, 07:42
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
You can simply add the code Seven Skins provided to the end of the template.
__________________
Former vBulletin.org Staff Member



Support for my products (as well as updates/new product publishing) has been moved to MHB - vBulletin Products and TAZ - Add-ons
Reply With Quote
  #11  
Old 14 Oct 2016, 07:52
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Oke, done that.

However, when i look on my ipad the full site it will not resize.
The board and everyting else is just fine, but the header still isn't right.
Reply With Quote
  #12  
Old 14 Oct 2016, 07:58
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Real name: Mark
Okay, you need to apply the CSS to the image itself, so edit the selector you added to read:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
Former vBulletin.org Staff Member



Support for my products (as well as updates/new product publishing) has been moved to MHB - vBulletin Products and TAZ - Add-ons
Reply With Quote
  #13  
Old 14 Oct 2016, 08:04
mp3president mp3president is offline
 
Join Date: Sep 2009
Real name: Ron
Yesssss, that's it!!!!!

Thank you Sevenskins and MarkFL so much!!!!
You both have helped me a lot!!!
And i have learned something again!!!!

Much appreciated, and sorry for my bad English.

Regards
Reply With Quote
  #14  
Old 14 Oct 2016, 20:51
CAG CheechDogg's Avatar
CAG CheechDogg CAG CheechDogg is offline
 
Join Date: Feb 2012
Ah yes ... always good to see people happy with the help given here at vorg...
Reply With Quote
Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Major Additions vBFlash Header (Lite) - Alternative to default vBulletin logo/header syrus.xl vBulletin 3.6 Add-ons 78 12 Apr 2009 09:52



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 02:40.

Layout Options | Width: Wide Color: