Drop Down Menu Wont Work No Matter What I do
Permalink
Hi All
I have recently built website and no matter what I do the drop down sub menus will not work. I have checked all permissions and checked coding and everything seems right. can let me know what else would be stopping the drop down menus from working? Im using Big business theme... Coding for entire site below as well as header coding after that
Any help asap would be greatly appreciated
Main Coding
/*
Big Business Theme for Concrete5 by iLP -http://www.concrete5.org/profile/-/view/82852/...
Based on an Original Design by Free CSS Templates -http://www.freecsstemplates.org...
Released for free under a Creative Commons Attribution 3.0 License
Name : Big Business Theme for concrete5
Description: A two-column, fixed-width design with clean, professional look and a bright color scheme.
Version : 0.9.8
Released : 20120923
*/
* {
margin: 0;
padding: 0;
}
body {
background-image: url(img/cedar.gif);
background-repeat: no-repeat;
background-size: cover;
}
br.clearfix {
clear: both;
}
.box {
overflow: hidden;
margin-bottom: 1em;
}
#banner {
margin: 0 0 0 0;
height: 250px;
position: relative;
padding: 20px 20px 1px 20px;
width: 950px;
}
#banner .pic {
padding: 9px;
}
#c5wrapper {
position: relative;
width: 980px;
margin: 75px auto 0 auto;
background: #FFFFFF;
}
#c5wrapper h1,h2,h3,h4 {
font-weight: normal;
letter-spacing: -1px;
}
#c5wrapper h2 {
font-size: 2.25em;
}
#c5wrapper h2,h3,h4 {
color: #2C2B2B;
margin-bottom: 1em;
}
#c5wrapper h3 {
font-size: 1.75em;
}
#c5wrapper h4 {
font-size: 1.5em;
}
.ccm-search-block-submit {
margin-left: 1em;
color: #FFFFFF;
padding: 10px;
background: #2FACAC;
border: 0;
}
.ccm-search-block-text {
border: solid 1px #8F8F8F;
padding: 10px;
}
#content {
width: 665px;
float: left;
padding: 0;
}
#content-full {
width: 890px;
padding: 0;
}
#content-leftsidebar {
width: 665px;
float: right;
padding: 0;
}
#content-box1 {
width: 320px;
float: left;
}
#content-full-box1 {
width: 437px;
float: left;
}
#content-box2 {
margin: 0 0 0 345px;
width: 320px;
}
#content-full-box2 {
margin: 0 0 0 452px;
width: 437px;
}
#footer {
clear: both;
margin: 40px 0 120px 0;
text-align: center;
color: #8C8B8B;
}
#footer a {
color: #8C8B8B;
}
#header {
height: 172px;
position: relative;
background: #D2D3D5 url(img/Header6.gif) top left no-repeat;
padding:
color: #D2D3D5;
width: 978px;
border: solid 1px #D2D3D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
}
img.alignleft {
margin: 5px 20px 20px 0;
float: left;
}
img.aligntop {
margin: 5px 0 20px 0;
}
img.pic {
padding: 5px;
border: solid 1px #D4D4D4;
}
#logo {
line-height: 160px;
height: 160px;
padding: 5px 0 0 0;
position: absolute;
top: 0;
left: 45px;
}
#logo a {
text-decoration: none;
color: #FFFFFF;
text-shadow: 0 1px 1px #3E3E3E;
}
#logo .title {
font-size: 3.25em;
}
#page .section-list {
list-style: none;
padding-left: 0;
}
#page .section-list li {
clear: both;
padding: 30px 0 30px 0;
}
#subtitle {
line-height: 160px;
height: 160px;
padding: 5px 0 0 0;
position: absolute;
right: 45px;
top: 0;
}
#subtitle h2 {
color: #BEBEBE;
font-size: 1.25em;
text-shadow: 0 1px 1px #3E3E3E;
}
#menu {
padding: 0 45px 0 45px;
position: relative;
background: #209D9D url(img/img02.gif) repeat-x top left;
margin: 0 0 0 0;
height: 60px;
line-height: 60px;
width: 890px;
border-top: solid 1px #5AD7D7;
text-shadow: 0 1px 1px #007D7D;
}
#menu a {
text-decoration: none;
color: #FFFFFF;
font-size: 1.25em;
letter-spacing: -1px;
}
#menu ul {
list-style: none;
}
#menu ul li {
padding: 0 20px 0 20px;
display: inline;
}
#menu ul li.first {
padding-left: 0;
}
#page {
padding: 45px 45px 15px 45px;
position: relative;
width: 890px;
margin: 0;
}
#page .section-list {
list-style: none;
padding-left: 0;
}
#page .section-list li {
clear: both;
padding: 30px 0 30px 0;
}
#page ul {
list-style: none;
}
#page ul li {
border-top: solid 1px #D4D4D4;
padding: 15px 0 15px 0;
}
#page ul li.first {
padding-top: 0;
border-top: 0;
}
#page-bottom {
float: left;
clear: both;
margin: 0;
background: #6E6E6E url(img/img03.jpg) top left no-repeat;
border: solid 1px #7E7E7E;
width: 888px;
padding: 45px 45px 0 45px;
color: #DCDCDC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#page-bottom a {
color: #F5F5F5;
}
#page-bottom h2, #page-bottom h3, #page-bottom h4 {
color: #FFFFFF;
}
#page-bottom ul {
list-style: none;
}
#page-bottom ul li {
border-top: solid 1px #8F8F8F;
padding: 15px 0 15px 0;
}
#page-bottom ul li.first {
padding-top: 0;
border-top: 0;
}
#page-bottom-content {
width: 665px;
float: left;
}
#page-bottom-content-leftsidebar {
width: 665px;
float: right;
}
#page-bottom-sidebar {
width: 200px;
margin: 0 0 0 690px;
}
#page-bottom-sidebar-left {
width: 200px;
margin: 0 690px 0 0;
}
#sidebar {
width: 200px;
padding: 0;
margin: 0 0 0 20px;
float: left;
}
#sidebar-left {
width: 200px;
padding: 0;
margin: 0 20px 0 0;
float: right;
}
Header Coding
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Big Business Theme for Concrete5 by iLP -http://www.concrete5.org/profile/-/view/82852/...
Based on an Original Design by Free CSS Templates -http://www.freecsstemplates.org...
Released for free under a Creative Commons Attribution 3.0 License
Name : Big Business Theme for concrete5
Description: A two-column, fixed-width design with clean, professional look and a bright color scheme.
Version : 0.9.8
Released : 20120923
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('main.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('typography.css'); ?>" />
</head>
<body>
<div id="c5wrapper"><!-- Begin Wrapper -->
<div id="header">
<div id="logo">
<span class="title"><a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if($block && $block->bID) $block->display();
else echo SITE;?></a>
</span>
</div>
<div id="subtitle">
<?php
$a = new GlobalArea('Subtitle');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<h2>Big Business Theme for concrete5</h2>
<?php } ?>
</div>
</div>
<div id="menu">
<?php
$bt_nav = BlockType::getByHandle('autonav');
$bt_nav->controller->displayPages = 'top';
$bt_nav->controller->orderBy = 'display_asc';
$bt_nav->controller->displaySubPages = 'display_asc' ;
$bt_nav->render('templates/header_menu');
?>
<br class="clearfix" />
</div>
<div id="banner">
<?php
$a = new GlobalArea('Banner');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<img class="pic" src="<?php echo $this->getThemePath(); ?>/img/pic01.jpg" width="870" height="230" alt="banner image" />
<?php } ?>
</div>
I have recently built website and no matter what I do the drop down sub menus will not work. I have checked all permissions and checked coding and everything seems right. can let me know what else would be stopping the drop down menus from working? Im using Big business theme... Coding for entire site below as well as header coding after that
Any help asap would be greatly appreciated
Main Coding
/*
Big Business Theme for Concrete5 by iLP -http://www.concrete5.org/profile/-/view/82852/...
Based on an Original Design by Free CSS Templates -http://www.freecsstemplates.org...
Released for free under a Creative Commons Attribution 3.0 License
Name : Big Business Theme for concrete5
Description: A two-column, fixed-width design with clean, professional look and a bright color scheme.
Version : 0.9.8
Released : 20120923
*/
* {
margin: 0;
padding: 0;
}
body {
background-image: url(img/cedar.gif);
background-repeat: no-repeat;
background-size: cover;
}
br.clearfix {
clear: both;
}
.box {
overflow: hidden;
margin-bottom: 1em;
}
#banner {
margin: 0 0 0 0;
height: 250px;
position: relative;
padding: 20px 20px 1px 20px;
width: 950px;
}
#banner .pic {
padding: 9px;
}
#c5wrapper {
position: relative;
width: 980px;
margin: 75px auto 0 auto;
background: #FFFFFF;
}
#c5wrapper h1,h2,h3,h4 {
font-weight: normal;
letter-spacing: -1px;
}
#c5wrapper h2 {
font-size: 2.25em;
}
#c5wrapper h2,h3,h4 {
color: #2C2B2B;
margin-bottom: 1em;
}
#c5wrapper h3 {
font-size: 1.75em;
}
#c5wrapper h4 {
font-size: 1.5em;
}
.ccm-search-block-submit {
margin-left: 1em;
color: #FFFFFF;
padding: 10px;
background: #2FACAC;
border: 0;
}
.ccm-search-block-text {
border: solid 1px #8F8F8F;
padding: 10px;
}
#content {
width: 665px;
float: left;
padding: 0;
}
#content-full {
width: 890px;
padding: 0;
}
#content-leftsidebar {
width: 665px;
float: right;
padding: 0;
}
#content-box1 {
width: 320px;
float: left;
}
#content-full-box1 {
width: 437px;
float: left;
}
#content-box2 {
margin: 0 0 0 345px;
width: 320px;
}
#content-full-box2 {
margin: 0 0 0 452px;
width: 437px;
}
#footer {
clear: both;
margin: 40px 0 120px 0;
text-align: center;
color: #8C8B8B;
}
#footer a {
color: #8C8B8B;
}
#header {
height: 172px;
position: relative;
background: #D2D3D5 url(img/Header6.gif) top left no-repeat;
padding:
color: #D2D3D5;
width: 978px;
border: solid 1px #D2D3D5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
}
img.alignleft {
margin: 5px 20px 20px 0;
float: left;
}
img.aligntop {
margin: 5px 0 20px 0;
}
img.pic {
padding: 5px;
border: solid 1px #D4D4D4;
}
#logo {
line-height: 160px;
height: 160px;
padding: 5px 0 0 0;
position: absolute;
top: 0;
left: 45px;
}
#logo a {
text-decoration: none;
color: #FFFFFF;
text-shadow: 0 1px 1px #3E3E3E;
}
#logo .title {
font-size: 3.25em;
}
#page .section-list {
list-style: none;
padding-left: 0;
}
#page .section-list li {
clear: both;
padding: 30px 0 30px 0;
}
#subtitle {
line-height: 160px;
height: 160px;
padding: 5px 0 0 0;
position: absolute;
right: 45px;
top: 0;
}
#subtitle h2 {
color: #BEBEBE;
font-size: 1.25em;
text-shadow: 0 1px 1px #3E3E3E;
}
#menu {
padding: 0 45px 0 45px;
position: relative;
background: #209D9D url(img/img02.gif) repeat-x top left;
margin: 0 0 0 0;
height: 60px;
line-height: 60px;
width: 890px;
border-top: solid 1px #5AD7D7;
text-shadow: 0 1px 1px #007D7D;
}
#menu a {
text-decoration: none;
color: #FFFFFF;
font-size: 1.25em;
letter-spacing: -1px;
}
#menu ul {
list-style: none;
}
#menu ul li {
padding: 0 20px 0 20px;
display: inline;
}
#menu ul li.first {
padding-left: 0;
}
#page {
padding: 45px 45px 15px 45px;
position: relative;
width: 890px;
margin: 0;
}
#page .section-list {
list-style: none;
padding-left: 0;
}
#page .section-list li {
clear: both;
padding: 30px 0 30px 0;
}
#page ul {
list-style: none;
}
#page ul li {
border-top: solid 1px #D4D4D4;
padding: 15px 0 15px 0;
}
#page ul li.first {
padding-top: 0;
border-top: 0;
}
#page-bottom {
float: left;
clear: both;
margin: 0;
background: #6E6E6E url(img/img03.jpg) top left no-repeat;
border: solid 1px #7E7E7E;
width: 888px;
padding: 45px 45px 0 45px;
color: #DCDCDC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#page-bottom a {
color: #F5F5F5;
}
#page-bottom h2, #page-bottom h3, #page-bottom h4 {
color: #FFFFFF;
}
#page-bottom ul {
list-style: none;
}
#page-bottom ul li {
border-top: solid 1px #8F8F8F;
padding: 15px 0 15px 0;
}
#page-bottom ul li.first {
padding-top: 0;
border-top: 0;
}
#page-bottom-content {
width: 665px;
float: left;
}
#page-bottom-content-leftsidebar {
width: 665px;
float: right;
}
#page-bottom-sidebar {
width: 200px;
margin: 0 0 0 690px;
}
#page-bottom-sidebar-left {
width: 200px;
margin: 0 690px 0 0;
}
#sidebar {
width: 200px;
padding: 0;
margin: 0 0 0 20px;
float: left;
}
#sidebar-left {
width: 200px;
padding: 0;
margin: 0 20px 0 0;
float: right;
}
Header Coding
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Big Business Theme for Concrete5 by iLP -http://www.concrete5.org/profile/-/view/82852/...
Based on an Original Design by Free CSS Templates -http://www.freecsstemplates.org...
Released for free under a Creative Commons Attribution 3.0 License
Name : Big Business Theme for concrete5
Description: A two-column, fixed-width design with clean, professional look and a bright color scheme.
Version : 0.9.8
Released : 20120923
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('main.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('typography.css'); ?>" />
</head>
<body>
<div id="c5wrapper"><!-- Begin Wrapper -->
<div id="header">
<div id="logo">
<span class="title"><a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if($block && $block->bID) $block->display();
else echo SITE;?></a>
</span>
</div>
<div id="subtitle">
<?php
$a = new GlobalArea('Subtitle');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<h2>Big Business Theme for concrete5</h2>
<?php } ?>
</div>
</div>
<div id="menu">
<?php
$bt_nav = BlockType::getByHandle('autonav');
$bt_nav->controller->displayPages = 'top';
$bt_nav->controller->orderBy = 'display_asc';
$bt_nav->controller->displaySubPages = 'display_asc' ;
$bt_nav->render('templates/header_menu');
?>
<br class="clearfix" />
</div>
<div id="banner">
<?php
$a = new GlobalArea('Banner');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<img class="pic" src="<?php echo $this->getThemePath(); ?>/img/pic01.jpg" width="870" height="230" alt="banner image" />
<?php } ?>
</div>
Hi Rony
Thanks I did the change but still isn't showing the drop down menu?
anything else it could be ?
I went into Packages/Big_Business_Theme and header.php and changed but still not working??
Thanks I did the change but still isn't showing the drop down menu?
anything else it could be ?
I went into Packages/Big_Business_Theme and header.php and changed but still not working??
Replace the entire code
with the below
Then simply add autonav block.
Rony
$bt_nav = BlockType::getByHandle('autonav'); $bt_nav->controller->displayPages = 'top'; $bt_nav->controller->orderBy = 'display_asc'; $bt_nav->controller->displaySubPages = 'display_asc' ; $bt_nav->render('templates/header_menu');
with the below
$a = new GlobalArea('Header Menu'); $a->display();
Then simply add autonav block.
Rony
Hi Rory
did what you said and still not working
can you change the coding for me and resend so I can just copy and paste the entire code as Im doing something wrong :(
Header php coding below
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Big Business Theme for Concrete5 by iLP -http://www.concrete5.org/profile/-/view/82852/...
Based on an Original Design by Free CSS Templates -http://www.freecsstemplates.org...
Released for free under a Creative Commons Attribution 3.0 License
Name : Big Business Theme for concrete5
Description: A two-column, fixed-width design with clean, professional look and a bright color scheme.
Version : 0.9.8
Released : 20120923
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('main.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('typography.css'); ?>" />
</head>
<body>
<div id="c5wrapper"><!-- Begin Wrapper -->
<div id="header">
<div id="logo">
<span class="title"><a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if($block && $block->bID) $block->display();
else echo SITE;?></a>
</span>
</div>
<div id="subtitle">
<?php
$a = new GlobalArea('Subtitle');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<h2>Big Business Theme for concrete5</h2>
<?php } ?>
</div>
</div>
<div id="menu">
<?php
$a = new GlobalArea('Header Menu');
$a->display();
?>
<br class="clearfix" />
</div>
<div id="banner">
<?php
$a = new GlobalArea('Banner');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<img class="pic" src="<?php echo $this->getThemePath(); ?>/img/pic01.jpg" width="870" height="230" alt="banner image" />
<?php } ?>
</div>
did what you said and still not working
can you change the coding for me and resend so I can just copy and paste the entire code as Im doing something wrong :(
Header php coding below
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Big Business Theme for Concrete5 by iLP -http://www.concrete5.org/profile/-/view/82852/...
Based on an Original Design by Free CSS Templates -http://www.freecsstemplates.org...
Released for free under a Creative Commons Attribution 3.0 License
Name : Big Business Theme for concrete5
Description: A two-column, fixed-width design with clean, professional look and a bright color scheme.
Version : 0.9.8
Released : 20120923
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php Loader::element('header_required'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('main.css'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->getStyleSheet('typography.css'); ?>" />
</head>
<body>
<div id="c5wrapper"><!-- Begin Wrapper -->
<div id="header">
<div id="logo">
<span class="title"><a href="<?php echo DIR_REL?>/"><?php
$block = Block::getByName('My_Site_Name');
if($block && $block->bID) $block->display();
else echo SITE;?></a>
</span>
</div>
<div id="subtitle">
<?php
$a = new GlobalArea('Subtitle');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<h2>Big Business Theme for concrete5</h2>
<?php } ?>
</div>
</div>
<div id="menu">
<?php
$a = new GlobalArea('Header Menu');
$a->display();
?>
<br class="clearfix" />
</div>
<div id="banner">
<?php
$a = new GlobalArea('Banner');
if (($a->getTotalBlocksInArea($c) > 0) || ($c->isEditMode())) {
$a->setBlockLimit(1);
$a->display($c);
} else { ?>
<img class="pic" src="<?php echo $this->getThemePath(); ?>/img/pic01.jpg" width="870" height="230" alt="banner image" />
<?php } ?>
</div>
May I know whats wrong with that? The code is looking fine. But I'm not sure what settings you have added for autonav block. You should choose Display Subpages to All.
Rony
Rony
I have done that :( I dont know what is going on... so weird
is there anything else you can think of ?
is there anything else you can think of ?
Maybe a live link will be good to look at.
just login details for the website is that what you need?
Lets first share the website url. If it cannot be fixed, then you can PM me the login details. So that can check the exact problem. But first share the url.
Www.accommodationtamborine.com.au
Can you share the autonav settings as a screenshot.
Attached :)
Well its difficult to say if you have set exclude subpages from nav attributes. Just PM me the login details and I'll check it.
Rony
Rony
There's no CSS code in the theme for a drop down menu.
Replace the entire code
$bt_nav = BlockType::getByHandle('autonav');
$bt_nav->controller->displayPages = 'top';
$bt_nav->controller->orderBy = 'display_asc';
$bt_nav->controller->displaySubPages = 'none' ;
$bt_nav->render('templates/header_menu');
with the below
$a = new GlobalArea('Header Menu');
$a->display();
Then simply add autonav block.
After this you have to create a folder called "autonav" within the `blocks` folder in the root....under this please write the customize code for dropdown menu...because
in this installed theme no CSS code available for a drop down menu.
$bt_nav = BlockType::getByHandle('autonav');
$bt_nav->controller->displayPages = 'top';
$bt_nav->controller->orderBy = 'display_asc';
$bt_nav->controller->displaySubPages = 'none' ;
$bt_nav->render('templates/header_menu');
with the below
$a = new GlobalArea('Header Menu');
$a->display();
Then simply add autonav block.
After this you have to create a folder called "autonav" within the `blocks` folder in the root....under this please write the customize code for dropdown menu...because
in this installed theme no CSS code available for a drop down menu.
If you want a permanent solution then if possible please give me- login credentials of your site...
Solution:
Simply replace the
Rony