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.

fixing the navigation bar

4 posters

Go down

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
avatar
tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

Solved Re: fixing the navigation bar

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

Hi,

• Please provide your forum URL for appearance problems.
Nera.
Nera.
Energetic

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

Back to top Go down

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
Guest
Guest


Back to top Go down

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
avatar
tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

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.
Nera.
Nera.
Energetic

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

Back to top Go down

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
Guest
Guest


Back to top Go down

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.
avatar
tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

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;}
LGforum
LGforum
Hyperactive

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

Back to top Go down

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.
avatar
tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

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.
Jophy
Jophy
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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