Toolbar at top of page not working (it's there just not working)

Permalink
Hi! Really new to Concrete5, so please excuse!!

I'm trying to install a custom theme into concrete5 using the documentation (http://documentation.concrete5.org/developers/designing-for-concrete5/building-a-concrete5-theme/converting-an-html-template-to-a-concrete5-theme)

Been going really well until now..

I've managed to add
<?php Loader::element('header_required') ?>
and
<?php Loader::element('footer_required') ?>
. The tool bar turns up on the page, however the menu bar on the site is now behind the toolbar and the Toolbar buttons don't work.

Attached is a screenshot of the site.

My code for full.php:
<!DOCTYPE HTML>
<!--
   Spectral by HTML5 UP
   html5up.net | @n33co
   Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
   <head>
       <?php Loader::element('header_required') ?> 
      <link rel="stylesheet" href="<?= $view->getThemePath() ?>/css/main.css" />
      <!--[if lte IE 8]><link rel="stylesheet" href="<?= $view->getThemePath() ?>/css/ie8.css" /><![endif]-->
      <!--[if lte IE 9]><link rel="stylesheet" href="<?= $view->getThemePath() ?>/css/ie9.css" /><![endif]-->
   </head>
   <body class="landing">
<div class="<?= $c->getPageWrapperClass() ?>">

1 Attachment

pk004233
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi pk004233,

It looks like you did not close <div class="<?= $c->getPageWrapperClass() ?>">.

That page wrapper class adds padding-top to push everything down to make room for the toolbar.
div.ccm-page {
    padding-top: 49px !important;
}
pk004233 replied on at Permalink Reply
pk004233
Hi, really appreciate your reply! I've tried adding the close class statement in but can't find the logical place to put it. Can you help with that? Where should it go?


Kindest regards
MrKDilkington replied on at Permalink Reply
MrKDilkington
@pk004233

Try adding the closing div tag on line 167. This is the line right before your "Scripts" comment.

This will enclose the contents of your site, allowing the CSS to push it down.