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.
The forum of the forums
4 posters

    How to move logo/banner lower to the navbar

    avatar
    Hayley
    Forumember


    Female Posts : 220
    Reputation : 7
    Language : english

    Solved How to move logo/banner lower to the navbar

    Post by Hayley 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
    kirk
    kirk
    Forumaster


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

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

    Post by kirk 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>


    avatar
    Hayley
    Forumember


    Female Posts : 220
    Reputation : 7
    Language : english

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

    Post by Hayley 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
    How to move logo/banner lower to the navbar Logo_n11


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


    Male Posts : 44
    Reputation : 2
    Language : greek

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

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

    Put this in your color css stylesheet :

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


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

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

    Post by Raze 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.
    avatar
    Guest
    Guest


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

    Post by Guest 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>
    avatar
    ipred
    Forumember


    Male Posts : 44
    Reputation : 2
    Language : greek

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

    Post by ipred 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?
    avatar
    Guest
    Guest


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

    Post by Guest December 19th 2011, 8:00 pm

    ipred, your forum url? Smile
    kirk
    kirk
    Forumaster


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

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

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

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

      Current date/time is November 12th 2024, 12:30 am