The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to move logo/banner lower to the navbar

View previous topic View next topic Go down

Solved How to move logo/banner lower to the navbar

Post by Hayley on December 10th 2011, 11:30 am

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 December 20th 2011, 7:17 am; edited 1 time in total

Hayley
Forumember

Female Posts : 220
Reputation : 5
Language : english

Back to top Go down

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

Post by kirk on December 10th 2011, 4:54 pm

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
Forumaster

Male Posts : 11037
Reputation : 651
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 on December 11th 2011, 7:20 am

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


Last edited by Hayley on December 11th 2011, 7:31 am; edited 1 time in total (Reason for editing : Add image)

Hayley
Forumember

Female Posts : 220
Reputation : 5
Language : english

Back to top Go down

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

Post by ipred on December 19th 2011, 7:08 pm

Put this in your color css stylesheet :

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

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 on December 19th 2011, 7:25 pm

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
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 on December 19th 2011, 7:43 pm

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

Guest
Guest


Back to top Go down

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

Post by ipred on December 19th 2011, 7:46 pm

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?

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 on December 19th 2011, 8:00 pm

ipred, your forum url? Smile

Guest
Guest


Back to top Go down

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

Post by kirk on December 20th 2011, 12:58 pm

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

kirk
Forumaster

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

Back to top Go down

View previous topic View next topic Back to top


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