Forums

Non scrollable menu in header

Permalink
Hi, i started to work on a new project, started with reading the whole day the how to's.
I cant find one thing: the themes Palette and Hey Dj do have a static menu on top of the page. (non scrollable). I would like to implement this in Elements.

Is there any documentation how to get this, or isnt it possible.. (as i cant find it, but maybe im looking the wrong direction)

Thank you
 
hutman replied on at Permalink Reply
hutman
You will need to add css to make the header position: fixed and then add margin to the top of the body container so that it doesn't go up behind the header.

This can be done with any theme if you are willing to add some custom styles, but is not always an option out of the box.
Dobb replied on at Permalink Reply
Thank you for your answer.
I was already dusting off my old Dreamweaver and get a new set of glasses.
Dobb replied on at Permalink Reply
Well, this should do the trick in your header:

<?php  defined('C5_EXECUTE') or die("Access Denied.");
$this->inc('elements/header_top.php');
$as = new GlobalArea('Header Search');
$blocks = $as->getTotalBlocksInArea();
$displayThirdColumn = $blocks > 0 || $c->isEditMode();
?>
<header>
<div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-xs-6">
</div>
<div class="<?php  if ($displayThirdColumn) { ?>col-sm-5 col-xs-6<?php  } else { ?>col-sm-8 col-xs-6<?php  } ?>">
            </div>
<?php
Viewing 15 lines of 29 lines. View entire code block.

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.