Forums

Help! Can't move navbar elements to the right!

Permalink
Hi!

I have an Auto-Nav block, which I cannot move to the right so that the logo stays on the left! Either everything is on the left, or if I put float:right in the css file, everything squeezes to the right. Any ideas?

I attached screenshots :)

<div id="menu" class="row">
<div float="left" class="navbar-header">
<a class="navbar-brand" href="/c5/index.php"><img src="<?=$view->getThemePath()?>/img/czichosnet-itk-2.png" height="30"></a>
</div>
<?php
$a = new Area('Header Nav');
$a->setBlockLimit(1);
$a->display($c);
?>
</div>

2 Attachments

 
stewblack23 replied on at Permalink Reply
stewblack23
You need to put the the nav area in its own div so you an float it independently of the logo. Also you should not hard code your header logo. Let C5 manage all the image assets.

Your new code would look something like this if you are using bootstrap 3.0. 

<div id="menu" class="row">
  <div class="navbar-header col-md-6 pull-left">
      <?php
          $a = new area('logo');
          $a->display($c);
       ?>
  </div>
  <div class="navigation-area col-md-6 pull-right">
    <?php
      $a = new area('Header Nav');
      $a->setBlockLimit(1);
      $a->display($c);
    ?>
  </div>
</div>
monikac replied on at Permalink Reply
Thank you!
Now I just have to find out how to make the links collapsible..
monikac replied on at Permalink Reply 1 Attachment
Sorry, I just checked again, and the element are still not pulled to the right.

It would be nice if the last button was at the very right side of the webpage, now there is still some space. I included a screenshot.
stewblack23 replied on at Permalink Reply
stewblack23
It is pulled right. Just have to add the css property text-aligned:right on the nav ul element.
monikac replied on at Permalink Reply
Thanks, it worked with text-align :)