How to add both logo and site name to theme
Permalink
I am trying to recreate a menu, as seen here (staging.lifestylerevolutions.tx) in Concrete5. I need to know how to add both a logo and a site name to the theme menu. As of right now, here is what my theme code for the menu looks like:
I need to know how to add the extra elements (site logo, site name, and also social icons if possible) to the theme via PHP. Finally, I need to know how to style the site name in the menu so that the words are two different colors.
Any pointers are very much appreciated!
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name">
<h1><a href="http://www.concrete.lifestylerevolutionstx.com"><img class="logo" src="<?php echo $this->getThemePath()?>/images/logo.gif">Lifestyle<span class="accentText">Revolutions</span></a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Left Nav Section -->
<?php
$a = new Area('Header Nav');
$a->setBlockLimit(1);
$a->display($c);Viewing 15 lines of 25 lines. View entire code block.
I need to know how to add the extra elements (site logo, site name, and also social icons if possible) to the theme via PHP. Finally, I need to know how to style the site name in the menu so that the words are two different colors.
Any pointers are very much appreciated!
Note: GlobalArea means that it will come back on every page
If you want to style it and position it you can use this:
<div id="blockX"> <?php $a = new GlobalArea('blockX'); $a->display(); ?> </div>Edit: You can also use this for your site name