fixing the navigation bar Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
4 posters

    fixing the navigation bar

    avatar
    tyhodge11
    Forumember


    Posts : 76
    Reputation : 1
    Language : english

    Solved fixing the navigation bar

    Post by tyhodge11 January 16th 2012, 6:22 am

    how can i move the search box up on the section above? should it remove the second spot where it sits now?

    fixing the navigation bar Untitl12


    Last edited by tyhodge11 on January 18th 2012, 3:13 am; edited 1 time in total
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -

    Solved Re: fixing the navigation bar

    Post by Nera. January 16th 2012, 1:19 pm

    Hi,

    • Please provide your forum URL for appearance problems.
    avatar
    Guest
    Guest


    Solved Re: fixing the navigation bar

    Post by Guest January 16th 2012, 1:58 pm

    Add this to CSS Stylesheet:
    Code:
    #page-header #search-box{
    position: relative !important;
    bottom: 20px !important;
    }
    Replace bottom: 20px by another value if is needed. Wink
    avatar
    tyhodge11
    Forumember


    Posts : 76
    Reputation : 1
    Language : english

    Solved Re: fixing the navigation bar

    Post by tyhodge11 January 17th 2012, 5:56 am

    ok, i got it moved up with 45px. the bottom section is still there left empty (nothing there), a way to get rid of that, but leave the background still rounded?

    vendettauniverse.forumotion.com
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -

    Solved Re: fixing the navigation bar

    Post by Nera. January 17th 2012, 8:12 am

    Code:
    .navbar {
        height: 50px !important;
    }

    The bottom of your nav? The blue part? Try the CSS code.
    avatar
    Guest
    Guest


    Solved Re: fixing the navigation bar

    Post by Guest January 17th 2012, 8:51 am

    Try this in your CSS:

    Code:
    .navbar {position:relative;}
    #search-box {float:none; margin:0px; position:absolute; top:10px; right: 10px;}
    Adjust the TOP and RIGHT values to what looks best.
    avatar
    tyhodge11
    Forumember


    Posts : 76
    Reputation : 1
    Language : english

    Solved Re: fixing the navigation bar

    Post by tyhodge11 January 18th 2012, 3:16 am

    dion wrote:Try this in your CSS:

    Code:
    .navbar {position:relative;}
    #search-box {float:none; margin:0px; position:absolute; top:10px; right: 10px;}
    Adjust the TOP and RIGHT values to what looks best.

    That worked, thanks. The blue bar on the nav bg is still there, but i can live with that, atleast it doesnt look like an unused section below anymore.
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: fixing the navigation bar

    Post by LGforum January 18th 2012, 4:51 am

    To get rid of the blue bar change this line:
    Code:
    .navbar {position:relative;}
    To this:
    Code:
    .navbar {position:relative; border-bottom: 0px;}
    avatar
    tyhodge11
    Forumember


    Posts : 76
    Reputation : 1
    Language : english

    Solved Re: fixing the navigation bar

    Post by tyhodge11 January 18th 2012, 7:26 am

    LGforum wrote:To get rid of the blue bar change this line:
    Code:
    .navbar {position:relative;}
    To this:
    Code:
    .navbar {position:relative; border-bottom: 0px;}

    I'll try that although my css.other than what i added above is blank.
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: fixing the navigation bar

    Post by LGforum January 18th 2012, 9:51 am

    That doesn't matter...

    All your changing is part of what you were asked to add by Dion.
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17922
    Reputation : 836
    Language : English
    Location : Somewhere

    Solved Re: fixing the navigation bar

    Post by Jophy January 18th 2012, 10:54 am

    Since this is marked as solved. I'll move this topic now.