Menu messing with dashboard.

Permalink
I have had endless menu drama with C5 and just when I started getting some style and menu sort of working, I find that the css is messing with the dashboard and C5 menus.
I attached an image showing the prob.
I finally, after excess of 5 days, get a menu to nearly work and it messes with the system for some reason.
This is the first nearly working menu I have managed on a fully custom theme in nearly 2 years! ;)
Anyway any ideas on how to get a working menu or if where this is going wrong.
/* main menu styles */
.nav {
    display:inline-block;
    width:auto;
    margin:0px auto;
    padding:0;
    background: none url(../images/bg.png) repeat-x 0 -110px;
   opacity: .8;
    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .2);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .2);
}


Basic HTML Used:
<div class="<?=$c->getPageWrapperClass()?>">
      <!-- Loader -->
      <div class="loader"></div>
      <div id="page">
         <section id="header">
            <div class="<?php echo ($displayThirdColumn) ? 'col-sm-5 col-xs-6' : 'col-sm-8 col-xs-6' ?>">
                     <?php
                     $a = new GlobalArea('Header Navigation');
                     $a->display();
                     ?>
                  </div>
...


Better still if ANYBODY has a working basic template that shows a working css customisable menu, thats readily available as I can not find a single working example anywhere. All the ones available are complex package installations that seem preset to style etc.

1 Attachment

View Replies: View Best Answer
Steevb replied on at Permalink Reply
Steevb
ConcreteOwl replied on at Permalink Best Answer Reply
ConcreteOwl
Gondwana replied on at Permalink Reply
Gondwana
Your CSS selectors may not be tight enough. Make sure they can target the elements you want, but can't possibly apply to anything else.
programit replied on at Permalink Reply
It appears that you all were basically right but the main is I was using .nav as the class which obviously C5 uses.
I changed the clss to mynav and adjusted my view file to suit and it no longer appears to cause dramas.
Also seem to sort of fix some odd colors etc I was getting at times so I am hoping this also with sort some other menu issues I have been having (forever).
Cheers.
JohntheFish replied on at Permalink Reply
JohntheFish
I think you are missing the point.

Both of the references above stress wrapping the entire theme in a class such as .ccm-page. That way, none of the theme classes can bleed into the core dashboard classes.
programit replied on at Permalink Reply 1 Attachment
I stopped the C5 menu from messing up, but then the template menu, and other styles, went to hell. :(
Basically I think I'll start again with a basic 5 empty nested pages and a clean blank template and just create enough for a menu that hopefully will work.
I'll put every within more wrapper classes and try from start.
I think I have basically messed up the theme by trying to add a autonav menu rather than the hard coded one that worked in the early dev. but thats unfortunately not necessarily the best way for C5.
Unfortunately the css is well excess of 1000 lines at the moment at messed up to hell.
Once I can sort out menus then hopefully the rest will fall back into place.
menus are the achilles heel for me with Concrete5, and have been for some time now.
Again many thanks.
I put a pic of the menu I'm going to attempt to get working. Wish me luck.
JohntheFish replied on at Permalink Reply
JohntheFish
Use less or sass. Writing straight css for something as big as a theme is a mugs game, especially as all frameworks come in less or sass.
.ccm-page {
   /*all your existing css */
}