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.

fixing the navigation bar

View previous topic View next topic Go down

Solved fixing the navigation bar

Post by tyhodge11 on 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?



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

tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

Solved Re: fixing the navigation bar

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

Hi,

• Please provide your forum URL for appearance problems.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: fixing the navigation bar

Post by Guest on 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

Guest
Guest


Back to top Go down

Solved Re: fixing the navigation bar

Post by tyhodge11 on 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

tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

Solved Re: fixing the navigation bar

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

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

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: fixing the navigation bar

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

Guest
Guest


Back to top Go down

Solved Re: fixing the navigation bar

Post by tyhodge11 on 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.

tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

Solved Re: fixing the navigation bar

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: fixing the navigation bar

Post by tyhodge11 on 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.

tyhodge11
Forumember

Posts : 76
Reputation : 1
Language : english

Back to top Go down

Solved Re: fixing the navigation bar

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: fixing the navigation bar

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

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

Jophy
ForumGuru

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

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