The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to move logo/banner lower to the navbar

4 posters

Go down

Solved How to move logo/banner lower to the navbar

Post by Hayley Sat 10 Dec 2011 - 5:30

Hi all,
I wonder if it is possible to move my banner/logo closer down to the navbar?
I find that there is an awkward unused bit of space there, and it could look better if it was halved.
Am I making sense? Probly not...lol blackeye

Cheers!
Hayley


Last edited by Hayley on Tue 20 Dec 2011 - 1:17; edited 1 time in total
avatar
Hayley
Forumember

Female Posts : 220
Reputation : 7
Language : english

Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by kirk Sat 10 Dec 2011 - 10:54

Best thing to do would be to place it in your overall header Template instead of using it in pic's management,

Here is the code, just add your direct image link where i have it marked.

Code:
<div style="margin:auto;text-align:center;width:100%"><img src="YOUR DIRECT IMAGE LINK HERE" border="0" alt="" /> </div>


kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by Hayley Sun 11 Dec 2011 - 1:20

Thanks Kirk,
I tried your method, however it moved the logo up with the rest of the page.

If I can try to explain it differently, I am aiming at bringing the navbar up closer to the logo, OR the logo down to the navbar, so that the gap between the logo and navbar is not so big.

Here is screen shot
How to move logo/banner lower to the navbar Logo_n11


Last edited by Hayley on Sun 11 Dec 2011 - 1:31; edited 1 time in total (Reason for editing : Add image)
avatar
Hayley
Forumember

Female Posts : 220
Reputation : 7
Language : english

Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by ipred Mon 19 Dec 2011 - 13:08

Put this in your color css stylesheet :

Code:
        a.mainmenu {
          position:relative; top: -50px;
          }
avatar
ipred
Forumember

Male Posts : 44
Reputation : 2
Language : greek

Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by Raze Mon 19 Dec 2011 - 13:25

Well that's simple to remove that space
Go to admin panel > Display > Templates > General > overall_header

Find
Code:
<span class="gen">{SITE_DESCRIPTION}<br />& nbsp; </span>

And delete
Code:
& nbsp;

Then save it and reload your site.
Raze
Raze
Forumember

Male Posts : 406
Reputation : 12
Language : English, HTML, CSS

Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by Guest Mon 19 Dec 2011 - 13:43

& nbsp; mean the space, just a space but not a new line....
Remove the <br /> from:
Code:
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
avatar
Guest
Guest


Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by ipred Mon 19 Dec 2011 - 13:46

As the above matter is solved ( space between logo and nav bar ) for me can i ask something similar :

How to reduce the space between the navigation bar and the main forum body?
avatar
ipred
Forumember

Male Posts : 44
Reputation : 2
Language : greek

Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by Guest Mon 19 Dec 2011 - 14:00

ipred, your forum url? Smile
avatar
Guest
Guest


Back to top Go down

Solved Re: How to move logo/banner lower to the navbar

Post by kirk Tue 20 Dec 2011 - 6:58

since the topic was marked solved, I will now lock and move to archives
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum