Top menu navigation

  • MSH
    Inactive member
  • Topic Author
  • Member
  • Member
More
13 years 7 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 to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
13 years 7 months ago #2157 by milos
Replied by milos on topic Re: 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 to join the conversation.

  • MSH
    Inactive member
  • Topic Author
  • Member
  • Member
More
13 years 7 months ago #2167 by MSH
Replied by MSH on topic Re: 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 to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
13 years 7 months ago #2169 by milos
Replied by milos on topic Re: Top menu navigation
Please give me your link.

Please Log in to join the conversation.

  • MSH
    Inactive member
  • Topic Author
  • Member
  • Member
More
13 years 7 months ago #2193 by MSH
Replied by MSH on topic Re: 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 to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
13 years 7 months ago #2194 by milos
Replied by milos on topic Re: Top menu navigation
Please try this:

Change this part:
Code:
<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:
Code:
<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:
Code:
.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.310 seconds
Powered by Kunena Forum