Mike
New Member
Posts: 19
inherit
198460
0
Jan 6, 2016 10:46:54 GMT -8
Mike
19
August 2013
mikew
|
Post by Mike on Jan 15, 2014 1:43:36 GMT -8
Somewhere along the line I've accidentally changed the Nav Tree settings and now only a portion is viewable, if I can be pointed in the right direction I would be grateful. Clan Exalted Forum
|
|
inherit
Jack of All Trades, Master of None
27090
0
May 30, 2013 20:36:34 GMT -8
Stinky666
8,818
July 2004
stinky666
|
Post by Stinky666 on Jan 15, 2014 2:05:50 GMT -8
Somewhere along the line I've accidentally changed the Nav Tree settings and now only a portion is viewable, if I can be pointed in the right direction I would be grateful. Clan Exalted ForumA good and easy solution for this, would be to "reset" that portion of your CSS. To do this, do the following: Admin > Themes > Advanced Styles & CSS > Style Sheet Go to lines 285 to 345. This is based on a default theme. On these lines you will see: /* Navigation Tree + Participated Button + News Bar */ @nav_tree_color: @container_text_color_1; @nav_tree_font: .8em @default_forum_text_font_family; @nav_tree_decoration: none; @nav_tree_background_color: @container_background_color_1; @nav_tree_border_width: 1px; @nav_tree_border_style: solid; @nav_tree_border_color: @container_outer_border_color; @nav_tree_border_radius: 5px; @nav_tree_hover_color: @container_text_color_1; @nav_tree_hover_font: @nav_tree_font; @nav_tree_hover_decoration: none; @nav_tree_hover_background_color: @container_highlight_color; .recent-threads-button, #navigation-tree { color: @nav_tree_color; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background: @nav_tree_background_color; margin-bottom: 10px; height: 20px; .rounded-corners(@nav_tree_border_radius); } .recent-threads-button.new .new-icon { display: inline-block; } #navigation-tree { overflow: hidden; } #nav-tree { white-space: nowrap; } .popup_html { position: absolute; top: 0; left: 0; z-index: 999999; } #nav-tree ul { display: none; list-style-type: none; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); } #nav-tree > li { display: inline-block; position: relative; height: 20px; } #nav-tree > li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; } #nav-tree > li:hover, #nav-tree .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; } #nav-tree > li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; } #nav-tree .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; } #nav-tree > li:first-child { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); } #nav-tree > li:first-child a { margin-left: -2px; } #nav-tree .ui-menu { display: none; position: absolute; float: left; } #nav-tree .ui-menu a { .rounded-corners(0px); } #nav-tree .ui-menu li { position: relative; white-space: nowrap; padding: 2px 10px 2px 5px; } #nav-tree .ui-menu li ul { display: none; z-index: 9999; position: absolute; } #nav-tree .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; } #nav-tree .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; } #nav-tree li.new_span > a > .new-icon { float: none; display: inline-block; } #nav-tree li.state-selected > a { font-weight: bold !important; } #nav-tree .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; } #nav-tree .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; } #nav-tree > li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; } #nav-tree > li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; } .popup_html ul { display: none; list-style-type: none; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); } .popup_html li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; } .popup_html li:hover, .popup_html .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; } .popup_html li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; } .popup_html .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; } .popup_html li { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); } .popup_html li a { margin-left: -2px; } .popup_html .ui-menu { display: none; position: absolute; float: left; z-index: 11; } .popup_html .ui-menu a { .rounded-corners(0px); overflow: hidden; max-width: 550px; } .popup_html .ui-menu li { position: relative; white-space: nowrap; padding: 2px 15px 2px 5px; } .popup_html .ui-menu li ul { display: none; z-index: 9999; position: absolute; } .popup_html .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; } .popup_html .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; } .popup_html li.new_span > a > .new-icon { float: none; display: inline-block; } .popup_html li.state-selected > a { font-weight: bold !important; } .popup_html .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; } .popup_html .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; } .popup_html li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; } .popup_html li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; } /* Participated Button */ .recent-threads-button { font: @nav_tree_font; cursor: pointer; float: right; height: 14px; margin: 0 0 10px 10px; padding: 3px 6px 3px 6px; text-align: center; } .recent-threads-button:hover { color: @nav_tree_hover_color; font: @nav_tree_hover_font; text-decoration: @nav_tree_hover_decoration; background-color: @nav_tree_hover_background_color; } .recent-threads-button .new-icon { margin: 0px 5px 0px 0px; } REPLACE YOURS with the above. Then click save. You may need to go into your Theme Styles & Colors and change the colors to match your forum, but that will be easy color editing
|
|
Mike
New Member
Posts: 19
inherit
198460
0
Jan 6, 2016 10:46:54 GMT -8
Mike
19
August 2013
mikew
|
Post by Mike on Jan 15, 2014 3:53:44 GMT -8
Thank you for your help, sadly it didn't work, the first item in the nav tree is still only partially visible. On hover the drop down menu disappears when moving on to it. I have tried resetting everything back to default but the problem wont go away.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jan 21, 2014 2:39:17 GMT -8
Darn, once again, a forum I can't view because your site is set so you must log in but did you remove your forum title from :
Admin> Settings> Forum Settings> Forum>
Although one does have an option to leave that blank I'm wondering if that is causing some issues.
|
|
Mike
New Member
Posts: 19
inherit
198460
0
Jan 6, 2016 10:46:54 GMT -8
Mike
19
August 2013
mikew
|
Post by Mike on Jan 22, 2014 12:59:44 GMT -8
Yep you are quite right, forum title was removed by accident and is now restored, hey presto nav tree is now back to normal. Wont do that again!
Thanks Tumbleweed
|
|