× Discussion about "Furniture Store" VirtueMart/Joomla template

Topic-icon Top menu navigation

More
7 years 9 months ago #2156 by MSH
Top menu navigation was created by MSH
Hi Milos,

I would like to float the top menu to the left and allow the top menu nav to span the entire width of the template so that I can make more menu option available. What do I need to change in the HTML and CSS to do this.

Regards,

Mike

Please Log in or Create an account to join the conversation.

More
7 years 9 months ago #2157 by milos
Replied by milos on topic Top menu navigation
Sorry, but this is an operation which is not easy to be done. So, all I can suggest is to find someone with more experience to alter the template for you.

Please Log in or Create an account to join the conversation.

More
7 years 9 months ago #2167 by MSH
Replied by MSH on topic Top menu navigation
Hi can you do it?

I can get so far but cannot figure out why it floats off the screen to the right

Cheers,

Mike

Please Log in or Create an account to join the conversation.

More
7 years 9 months ago #2169 by milos
Replied by milos on topic Top menu navigation
Please give me your link.

Please Log in or Create an account to join the conversation.

More
7 years 9 months ago #2193 by MSH
Replied by MSH on topic Top menu navigation
www.tpsofficefurniture.co.uk/

I have got so far but cannot get it right. I have tried using another module and placing it in the top menu pad but don't seem to get it right. Please can you suggest how I can fix it.

Cheers,

Mike

Please Log in or Create an account to join the conversation.

More
7 years 9 months ago #2194 by milos
Replied by milos on topic Top menu navigation
Please try this:

Change this part:
<div id="header">
    <div id="topmenu">
        <div id="logo"><a href="index.php"><img src="<?php echo $template_path ?>/images/logo<?php echo $templateStyle; ?>.png" width="228" height="126" alt="joomla furniture store" /></a></div>
        <div id="topmenu_pad">
            <div class="user9"><jdoc:include type="modules" name="user9" style="none" /></div>
            <div class="user3"><jdoc:include type="modules" name="user3" style="none" /></div>
        </div>
        <div class="clr"></div>
    </div>
</div>


To this:
<div id="header">
<div id="topmenu">
<div id="logo"><a href="index.php"><img src="<?php echo $template_path ?>/images/logo<?php echo $templateStyle; ?>.png" width="228" height="126" alt="joomla furniture store" /></a></div>
        <div id="topmenu_pad">
            <div class="user9"><jdoc:include type="modules" name="user9" style="none" /></div>
            
        </div>
        <div class="clr"></div>
    </div><div class="user3"><jdoc:include type="modules" name="user3" style="none" /></div>
</div>


ALSO:

In template_css.php, change .user3 class to be:
.user3 {
	text-align:left;
    width:<?php echo $overallWidth; ?>px;
    height:32px;
    margin:0 auto;
}

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.120 seconds