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:
Edit: You can also use this for your site name