Contents

Our HTML Templates support come with a main menu and footer based menu. These can be edited easily whether you want to change links or add new links for newly created pages.

The files containing these menus are:

Main Menu: /public_html/libs/includes/menu.php

Footer Menu: /public_html/libs/includes/footer.php

We have separated each dropdown/menu section so it is even easier to edit. For example the Web Hosting main menu is edited in the following file:

/public_html/libs/includes/menu-webhosting.php

And the footer menu:

/public_html/libs/includes/footer-services.php

Adding A New Link To The Main Menu

Adding a new link to the menu is very simple. Open the file of the dropdown you'd like to edit e.g menu-webhosting.php. The links are listed within the <div class="navmain-links"> as blocks. For example the VPS Hosting link is:

<div class="<?php navconfig(''); ?>navmain-icon-custom3<?php if($filename=='vps-hosting') { ?> navmain-active<?php } ?>">
	<a href="<?php echo $path_html; ?>vps-hosting.php">
		<div class="navmain-link-heading">VPS Hosting</div>
		<div class="navmain-link-text">Take full control of your hosting</div>
	</a>
</div>

The $filename is used to detect if the page is listed in order to change the link to an active state.

As an example we could duplicate this link and create a new one for a page named merchandise.php:

<div class="<?php navconfig(''); ?>navmain-icon-merchandise<?php if($filename=='merchandise') { ?> navmain-active<?php } ?>">
	<a href="<?php echo $path_html; ?>merchandise.php">
		<div class="navmain-link-heading">Merchandise</div>
		<div class="navmain-link-text">View our selection of Merchandise</div>
	</a>
</div>

This code could be used in any order for either of the dropdowns to add your new link. You would need to create the class navmain-icon-merchandise in css/layout.css in order to set the icon.

Adding A New Dropdown To The Main Menu

To add a new dropdown link to the main menu first open:

/public_html/libs/includes/menu.php

In this file the menu links are contained within the navmain-links div. The first line is the home button and the last is the order call to action. Each of the include lines load one of the dropdown links. To add a new dropdown link you can paste and edit the following code between either of the includes:

<li class="<?php navconfig(''); ?>navmain-link7<?php if($filename=='merchandise') { ?> navmain-active<?php } ?>"><a href="<?php echo $path_html; ?>merchandise.php">Shop</a>					
											
	<div class="navmain-subcontainer">
			
		<div class="navmain-columns">
			
			<div class="navmain-columns-col navmain-columns-col1">
			
				<div class="navmain-links">

                    <div class="navmain-link navmain-icon navmain-icon-merchandise<?php if($filename=='merchandise') { ?> navmain-active<?php } ?>">
                        <a href="<?php echo $path_html; ?>merchandise.php">
                            <div class="navmain-link-heading">Merchandise</div>
                            <div class="navmain-link-text">View our selection of Merchandise</div>
                        </a>
                    </div>																															

				</div><!-- .navmain-links -->															
												
			</div><!-- .navmain-columns-col -->
			
			<div class="navmain-columns-col navmain-columns-col2">
		
				<p>We provide a wide range of products including exclusive merchandise.</p>
		
			</div><!-- .navmain-columns-col -->							
		
		</div><!-- .navmain-columns -->
								
	</div><!-- .navmain-subcontainer -->

</li>

Adding A New Link To The Footer Menu

Adding a new link to the footer menu is very simple. Open the file of the dropdown you'd like to edit e.g footer-services.php. The links are listed within the <ul> as blocks. For example the VPS Hosting link is:

<li class="footermain-link">
	<a href="<?php echo $path_html; ?>vps-hosting.php"><i class="fal fa-angle-right"></i>VPS Hosting</a>
</li>

An an example we can duplicate this and edit it for a new link named merchandise.php:

<li class="footermain-link">
	<a href="<?php echo $path_html; ?>merchandise.php"><i class="fal fa-angle-right"></i>Merchandise</a>
</li>

This code could be used in any order for either of the footer links to add your new link.

Comments

If you have any questions please leave a comment below or contact our support.