We'll describe the categories that show the menu's code, and then we will change the style of the menu. Go to catalog/view/theme/packttheme/template/common/
, open header.tpl
in your favourite editor, and find <?php if ($categories) { ?>
. We are going to describe the code that shows up in the category menu:
<?php if ($categories) { ?> <div class="container"> <nav id="menu" class="navbar">
The preceding code checks whether there is a category or not:
<div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div>
This div is shown only for extra-small devices, as it uses the visible-xs
class, collapses the menu, and shows the text category, as shown in the following...