vb.org Archive - Make navbar move to right side of page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Make navbar move to right side of page (https://vborg.vbsupport.ru/showthread.php?t=322076)

evank

03-10-2016 02:22 PM

Make navbar move to right side of page

I'm new to vbulletin, please bear with me....

My forum is here: http://www.vcfed.org/forum/forum.php.

What I want to do is move the nav bar (articles, blogs, forum, what's new) over to the right so it's abutting the search bar.

How? :)

I assume something needs to be changed in style manager -- edit templates -- navigation + breadcrumbs -- navbar, but I don't know what.

MarkFL

03-10-2016 03:29 PM

Try adding the following selectors to your "additional.css" template:

Code:

#navtabs {

        margin-right: 180px;

}



#navtabs > li {

        float: right;

}

--------------- Added [DATE]1457634467[/DATE] at [TIME]1457634467[/TIME] ---------------

Follow:

AdminCP -> Styles & Templates -> Style Manager

Then for each style to which you wish to apply the change, select "Edit Templates" from its dropdown menu, and you will find the "additional.css" template in the template group "CSS Templates". Once you have the template open, then copy/paste the selectors I provided at the end of the code already there. :)

--------------- Added [DATE]1457634541[/DATE] at [TIME]1457634541[/TIME] ---------------

I posted instructions, but for some reason they were appended to my previous post. :)

edit: Now I see why...your post was deleted.

evank

03-10-2016 04:32 PM

Sorry -- I posted to ask where to find additional.css, but then Google showed me the answer :) so I deleted the question.

Thanks very much for the code suggestion + explaining how to use it. It works.

MarkFL

03-10-2016 04:37 PM

Quote:

Originally Posted by evank (Post 2566958)

No worries...now if for some reason you change the width of the search element, then you will need to adjust the right margin of the navtabs element accordingly. :)

evank

03-10-2016 06:05 PM

I'll keep that in mind.

What if I want to try combining the nav bar and the login bar (is there a formal name for the login bar?) .... seems like a big waste of space in the header to have them on separate lines.

MarkFL

03-10-2016 06:50 PM

Quote:

Originally Posted by evank (Post 2566965)

You would probably have to edit 1 or more templates to do that.

setishock

03-11-2016 05:07 PM

They're called toplinks to give you a starting place. Look in vbulletin-chrome.css. Search for Lynne here. She did a lot of posting on how to move things around.

I do like how it looks.

All times are GMT. The time now is 06:44 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02875 seconds Memory Usage 1,723KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: