lexijade Posted March 3, 2021 Share Posted March 3, 2021 I changed some code to adjust the documents menu at the top of the page, and now my subcategories don't show up when you hover over the sidebar. Any ideas on how to fix this? Link to comment Share on other sites More sharing options...
bsmither Posted March 3, 2021 Share Posted March 3, 2021 Maybe there is an extra or missing <div> or extra or missing </div>. Is there a web address where we can see this? Link to comment Share on other sites More sharing options...
lexijade Posted March 3, 2021 Author Share Posted March 3, 2021 https://labtrader.com/ Link to comment Share on other sites More sharing options...
bsmither Posted March 3, 2021 Share Posted March 3, 2021 Please check if this is still present: https://labtrader.com/skins/e-shift/js/modernizr.custom.93147.js There are also some stray tags after <div id="navbar"> and before the matching closing </div>. Link to comment Share on other sites More sharing options...
lexijade Posted March 4, 2021 Author Share Posted March 4, 2021 I don't see that file. And in what file are the stray tags? Link to comment Share on other sites More sharing options...
bsmither Posted March 4, 2021 Share Posted March 4, 2021 I recommend downloading e-Shift from the MarketPlace to obtain the missing modernizr.custom.93417.js file. The template that was edited as mentioned in the first post. Maybe next to {$SITE_DOCS} in the main.php template, or in the box.documents.php template. Link to comment Share on other sites More sharing options...
lexijade Posted March 4, 2021 Author Share Posted March 4, 2021 1 hour ago, bsmither said: I recommend downloading e-Shift from the MarketPlace to obtain the missing modernizr.custom.93417.js file. The template that was edited as mentioned in the first post. Maybe next to {$SITE_DOCS} in the main.php template, or in the box.documents.php template. I redownloaded and uploaded the files I was missing from the js folder. Now I am getting a weird grey stripe between my floating header and the body of the page. It also only added the arrows for subcategories back, but doesn't actually show them. I also didn't see any stray tags, this is what I see: <div id="navbar"> {$SITE_DOCS} </div> Link to comment Share on other sites More sharing options...
bsmither Posted March 4, 2021 Share Posted March 4, 2021 What do you see in the box.documents.php template? The "grey bar" is the background peeking through because, In main.php, find: {if isset($SLIDES) and $SECTION_NAME=='home'} Just above that are two <br> tags. This is shoving everything after the header div down by two text lines. I am not sure why the javascript isn't opening the sub-categories. Link to comment Share on other sites More sharing options...
lexijade Posted March 5, 2021 Author Share Posted March 5, 2021 3 hours ago, bsmither said: What do you see in the box.documents.php template? this is what's in my template. the <style> is what I added. If that is incorrect or if there is a better place to put that, maybe that's what is messing the subcats up. Quote <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { float: left; } li a { display: inline-block; text-align: center; text-decoration: none; } li a:hover { background-color: #111; } </style> <ul> <li class="home"><a href="{$STORE_URL}" title="{$LANG.common.home}"><span class="circle icon icon-house"></span></a></li> {if isset($DOCUMENTS) && count($DOCUMENTS) > 0} <li> <ul> {foreach from=$DOCUMENTS item=document} <li {if $document.doc_url==$CURRENT_PAGE}class="active"{/if}> <a href="{$document.doc_url}" title="{$document.doc_name}" {if $document.doc_url_openin}target="_blank"{/if}> {$document.doc_name} </a> </li> {/foreach} </ul> </li> {/if} {if isset($CONTACT_URL)} <li {if $CONTACT_URL==$CURRENT_PAGE}class="active"{/if}> <a href="{$CONTACT_URL}" title="{$LANG.documents.document_contact}"><span class="circle icon icon-envelope"></span></a> </li> {/if} </ul> 3 hours ago, bsmither said: The "grey bar" is the background peeking through because, In main.php, find: {if isset($SLIDES) and $SECTION_NAME=='home'} Just above that are two <br> tags. This is shoving everything after the header div down by two text lines. I think I had those there because for some reason the float was cutting off the home/breadcrumbs at the top of the body, but that doesn't seem to be a problem anymore, so they are removed and the grey is gone. Link to comment Share on other sites More sharing options...
bsmither Posted March 5, 2021 Share Posted March 5, 2021 The stray tags are not there now. Link to comment Share on other sites More sharing options...
bsmither Posted March 5, 2021 Share Posted March 5, 2021 "the <style> is what I added. If that is incorrect or if there is a better place to put that, maybe that's what is messing the subcats up" This is the cause. Go through that <style> block and prepend #navbar to all the selectors. #navbar ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #navbar li { float: left; } #navbar li a { display: inline-block; text-align: center; text-decoration: none; } #navbar li a:hover { background-color: #111; } </style> This edit restricts these rules to only the <ul> and <li> tags that are within the <div id="navbar"> block. Link to comment Share on other sites More sharing options...
lexijade Posted March 5, 2021 Author Share Posted March 5, 2021 thank you so much! everything is working great now Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.