angst:
It has been a fustrating couple of days trying to figure out how to disable top menu items. From many hours of experimenting I am still not certain what page you are looking at when you are looking at the code in a browser developer tool.
Using lines of code seen in the browser tool and pasting into the admin/tools/developers tool kit/ look up in all files it seems that the relevant file is
includes/templates/responsive_sheffield_blue/templates/tpl_modules_mobile_categories_tabs.php
Removing the line leading into the ! comment and everything between:
<li class="aboutus-li"><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>" class="drop"><?php echo HEADER_TITLE_ABOUT_US; ?></a><!-- bof about us -->
<ul>
<li>
<div class="dropdown_aboutus">
<h2><?php echo TITLE_ABOUT_US;?></h2>
<p class="mega-about"><?php echo TEXT_ABOUT_US;?></p>
<img src="<?php echo $template->get_template_dir('',DIR_WS_TEMPLATE, $current_page_base,'images').'/'.ABOUT_US_IMAGE ?>" class="imgshadow_light aboutus-image" alt="about us" />
<div class="clearBoth"></div>
</div>
</li>
</ul>
</li><!-- eof about us -->
>
> The result was that it did remove the menu item. But if I removed an additional item like the "customer service" it would mess up the layout. (pic attached)
>
>
> Next I tried includes/templates/responsive_sheffield_blue/css/stylesheet.css
> and used /*## this is commented out## */ around the following code around line 356
> ```
ul.slimmenu li.aboutus-li ul li{width:600px;}
ul.slimmenu li.customer-service-li ul li{width:600px;}
with no effect.
Then tried the same commenting out the following.
ul.slimmenu li.aboutus-li ul li{width:600px;}
ul.slimmenu li.customer-service-li ul li{width:600px;}
#menu h2{color:#fff;}
.mega-about{float:left;width:70%;}
.aboutus-image{float:right;width:20%;margin-right:30px;margin-bottom:30px;}
.mega-confidence{margin-bottom:30px;margin-top:20px;}
#header-icons i{font-size:250%;margin-right:10px;margin-bottom:20px;}
.ribbon {width: 50%;position: relative;background: #24629f;color: #fff;}
.ribbon:before, .ribbon:after {content: "";position: absolute;display: block;bottom: -1em;border: 0 solid #986794;z-index: -1;}
.ribbon:before {left: -2em;border-right-width: 1.5em;border-left-color: transparent;}
.ribbon:after {right: -2em;border-left-width: 1.5em;border-right-color: transparent;}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {content: "";position: absolute;display: block;border-style: solid;border-color: #0f3f57 transparent transparent transparent;bottom: -1em;}
.ribbon .ribbon-content:before {left: 0;border-width: 1em 0 0 1em;}
.ribbon .ribbon-content:after {right: 0;border-width: 1em 1em 0 0;}
.non-semantic-protector { position: relative; z-index: 1;}
> without success
I would restore the tpl_modules_mobile_categories_tabs.php file to the original. If you want to hide the customer service drop down add this to your stylesheet.css file:
ul.slimmenu li.customer-service-li{display:none;}
If you want to change the information drop down then you have to edit the tpl_modules_mobile_categories_tabs.php file. If you remove an item be sure to remove the <li> and the matching </li>
Thanks,
Anne
