Quote Originally Posted by angst View Post
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:
Code:
 <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
Code:
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.
Code:
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:

Code:
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