MyBB Community Forums

Hello

On my website, I want to make my header so it doesn't keep stretching when you view my website on a larger screen? On some screens the Header image stretches really far out and makes the rest of the page unreadable? Im sure there is a piece of code I need to insert to fix this? But I don't know that piece of code.

My Website is www.fullragegaming.net

 

Thanks Matt

(2014-12-30, 08:38 PM)Matt_14 Wrote: [ -> ]Hello

On my website, I want to make my header so it doesn't keep stretching when you view my website on a larger screen? On some screens the Header image stretches really far out and makes the rest of the page unreadable? Im sure there is a piece of code I need to insert to fix this? But I don't know that piece of code.

My Website is www.fullragegaming.net

 

Thanks Matt

I use this the below code, i already added your image link so replace you div header code with it and tweak the width/height if need be.

<div id="header" style="height: auto;" style="width: auto;" >

<div class="logo"><a href="{$mybb->settings['bburl']}"><img src="images/hydro/custom/logo.png" width="600" height="150" title="{$mybb->settings['bbname']}" /></div></a></div>

Hope this helps, rep me

just add this to global.css of your theme...

.logo img {
width: 100%;
}

(2014-12-30, 09:57 PM)dmpops22 Wrote: [ -> ]

(2014-12-30, 08:38 PM)Matt_14 Wrote: [ -> ]Hello

On my website, I want to make my header so it doesn't keep stretching when you view my website on a larger screen? On some screens the Header image stretches really far out and makes the rest of the page unreadable? Im sure there is a piece of code I need to insert to fix this? But I don't know that piece of code.

My Website is www.fullragegaming.net

 

Thanks Matt

I use this the below code, i already added your image link so replace you div header code with it and tweak the width/height if need be.

<div id="header" style="height: auto;" style="width: auto;" >

<div class="logo"><a href="{$mybb->settings['bburl']}"><img src="images/hydro/custom/logo.png" width="600" height="150" title="{$mybb->settings['bbname']}" /></div></a></div>

Hope this helps, rep me

It may work but I don't know where to put this code?

(2014-12-31, 06:44 AM)mmadhankumar Wrote: [ -> ]just add this to global.css of your theme...

.logo img {
width: 100%;
}

I tried this but didn't seem to work?

(2015-01-02, 04:29 AM)Matt_14 Wrote: [ -> ]

(2014-12-31, 06:44 AM)mmadhankumar Wrote: [ -> ]just add this to global.css of your theme...

.logo img {
width: 100%;
}

I tried this but didn't seem to work?

i dont see it added to your site yet... add it to global.css and open your forums and hard refresh it to allow the new codes to take effect...

I have added it again, hard refreshed and doesn't work?

(2015-01-02, 06:56 PM)Matt_14 Wrote: [ -> ]I have added it again, hard refreshed and doesn't work?

i still dont see it added..... where you have added... do you have more than one theme on your board... could you share a screenshot or content of global.css where you have added the codes...

Here the screenshot.



Sorry for the late reply.


Don't worry guys. The code does work, me just being stupid.