Forums

Navigation sizing

Permalink
Hi I want to set the navigation to span the entire page width and i have no idea how too, been messing for a while now trying to do it. if you check out the image below it shows you where it is and where I want to get it.

http://snag.gy/xIyxW.jpg

I am using the latest version of concrete downloaded about 2 days ago
 
Ferdi replied on at Permalink Reply
kieranVenison are you currently developing a new theme or are you working in the Elemental theme?

Anyway, to place the navigation somewhere else you should go to the header.php file. You'll see a code (something like this): 

<header>
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-xs-6">
                <?php
                $a = new GlobalArea('Header Site Title');
                $a->display();
                ?>
            </div>
            <div class="<?php if ($displayThirdColumn) { ?>col-sm-5 col-xs-6<?php } else { ?>col-md-8 col-xs-6<?php } ?>">
                <?php
                $a = new GlobalArea('Header Navigation');
                $a->display();
                ?>
            </div>
Viewing 15 lines of 21 lines. View entire code block.


You can change the file to replace the elements in it. (the code below shows an example similar to what you want your project to look like)

<header>
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-xs-6">
                <?php
                $a = new GlobalArea('Header Site Title');
                $a->display();
                ?>
            </div>
            <div class="<?php if ($displayThirdColumn) { ?>col-sm-5 col-xs-6<?php } else { ?>col-md-8 col-xs-6<?php } ?>">
                <?php
                $a = new GlobalArea('Logo');
                $a->display();
                ?>
            </div>
Viewing 15 lines of 27 lines. View entire code block.


I hope this will help you.
kieranVenison replied on at Permalink Reply
Currently working in elemental I have not done much php (hence why i was trying to do it in the settings not in the code behind). Will get my head round that and try it in a minute :)
kieranVenison replied on at Permalink Reply
Where is this file located within concrete i have never wandered into the file structure before
Ferdi replied on at Permalink Reply
Go to Concrete > themes > elemental > elements >header.php
If you want to create a custom theme go to Application> themes > YOUR_THEME> elements >header.php.