horizental menu on top of main area

Permalink
Hello there,

I spent time and hours, but could not find any answer in forum history for my request. I am 100% sure this question were asked more than few times.

I have almost finished my website. And I used an add on "dex superfish" for menu and looks good.

However, I want to place it horizentally on top under header area.
The problem is that as you know as experts : ) You may see it on attached picture.

If I put it on "sitewide header navigation" place then it does not look good. So I do not do that.

If I move it to under header area over main area then I can not see it on child pages (since it is not staying in the header area, goes to main area).

I read stacks articles, and went to dashboard "page-types/output/ and put it as block in page type, then it did not appear on the pages belong to this page type.
Considering that I am using only 3 different page types, would be easy, (maybe I am missing to click somewhere on cache "off/on" ?)

Then , I checked relavant articles on forum and Okay, I understand that using CSS and some codes it is easy for you, but not for me.

Now, CC5 is outstandingly excellent CMS, I guess it is the best and most helpfull environment to build an efficent website. But I do not know why missing an easy option box somewhere (maybe I am missing since I do not know) making such as things easy and available.
for example, could be: "make your navigation horizental on top"

Is there an easy way to achieve it?

If there is not (I guess not) may I achive following?
A block in main area appears in all pages?

will be thankful for help.

Best regards

Ali

website link:

http://stepcraft-turkey.satranchaber.com.tr/...

1 Attachment

occamsrazor
 
hutman replied on at Permalink Best Answer Reply
hutman
First, it looks like you're directly editing the files in the /concrete/themes/elemental and that is very bad practice, because if you ever update your site all your changes will be wiped out. I would strongly suggest you use the Clonemental theme (attached below) which is a clone of the elemental theme but in a package so you're not changing core files.

That said, you will need to edit the elements/header.php file in your theme from

<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-sm-8 col-xs-6<?php } ?>">
                <?php
                $a = new GlobalArea('Header Navigation');
                $a->display();
                ?>
            </div>

to

<header>
    <div class="container">
        <div class="row">
            <div class="<?php if ($displayThirdColumn) { ?>col-sm-9 <?php } ?>col-xs-12">
                <?php
                $a = new GlobalArea('Header Site Title');
                $a->display();
                ?>
            </div>
            <?php if ($displayThirdColumn) { ?>
                <div class="col-sm-3 col-xs-12"><?php $as->display(); ?></div>
            <?php } ?>
        </div>
        <div class="row">
            <div class="col-xs-12">
occamsrazor replied on at Permalink Reply
occamsrazor
Dear Hutman,

Thank you for answer and help.

You mean before the problem I have with menu block, I need to change my theme to clonemental with the code replacement below.

I am using CC5 V 8.0.2.
and I checked the element directory under
/concrete/themes/elemental/element/header.php

I have made it..
and now I have a horizental menu bar at the bottom of header!

Excellent!

Still I need to change theme clomental?

Best regards

Ali
hutman replied on at Permalink Reply
hutman
It's up to you if you want to change the the Clonemental theme (I don't know if it has been updated for 8.0 yet or not) but that is best practice.

You are in the correct file though, yes.
occamsrazor replied on at Permalink Reply
occamsrazor
thank you I will try!

your help was great! Direct shot!!
Thank you!