Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Furniture Store" VirtueMart/Joomla template

Topic-icon Top menu navigation

More
6 years 4 months ago #2156 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 to join the conversation.

More
6 years 4 months ago #2157 by milos
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 to join the conversation.

More
6 years 4 months ago #2167 by MSH
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 to join the conversation.

More
6 years 4 months ago #2169 by milos
Please give me your link.

Please Log in to join the conversation.

More
6 years 4 months ago #2193 by MSH
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 to join the conversation.

More
6 years 4 months ago #2194 by milos
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 to join the conversation.

Time to create page: 0.129 seconds

Links, Partners and Social Media