Hello,
Would it be possible to move the callout that is currently above the home page slideshow into the header, to the right of the logo? Can you include any formatted text box in the header?
Thank you!
Hello,
Would it be possible to move the callout that is currently above the home page slideshow into the header, to the right of the logo? Can you include any formatted text box in the header?
Thank you!
Hi,
Go to header.php and find this code
<?php
/*
* display the theme logo by checking if the default logo was overwritten in the backend.
* the function is located at framework/php/function-set-avia-frontend-functions.php in case you need to edit the output
*/
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');
/*
* display the main navigation menu
* check if a description for submenu items was added and change the menu class accordingly
* modify the output in your wordpress admin backend at appearance->menus
*/
echo "<div class='main_menu' data-selectname='".__('Select a page','avia_framework')."'>";
$args = array('theme_location'=>'avia', 'fallback_cb' => 'avia_fallback_menu');
wp_nav_menu($args);
echo "</div>";
?>
Insert the html code for callout format, something like this
<div class="container">
<div class="content twelve alpha units template-dynamic template-dynamic-frontpage">
<div class="outer_callout dynamic_element dynamic_el_1"> <div class="callout hero-text"> <div class=" content-area"><p>Welcome to Eunoia, a super bold WordPress Portfolio Theme <a href="http://www.kriesi.at/themes/eunoia/features/">WITH TONS OF OPTIONS</a></p>
</div> </div></div>
</div></div>
You might need to give it a unique id then style it on your custom.css.
Regards,
Ismael
Thanks, Ismael. Just so I'm clear--once I have found the relevant section in header.php, do I insert the code you provided after it or somewhere within it?
Sorry to be dim!
Hi DorryFunaki,
Add it after. Don't forget to add some style in custom.css after you have placed it. :)
Regards,
Ismael
Dear Ismael,
This worked, but I'd like the text to be on the same level as the logo, rather than below. Is the custom css where I would fix this? Any pointers would be appreciated. I apologize--I'm fairly new to WP.
Thank you!
Hi DorryFunaki,
Try to add this code on your Quick CSS (located inside Eunoia > Theme Options) or the custom.css file (located inside the css folder of the eunoia folder, this can be accessed via ftp):
@media only screen and (min-width: 960px) {
#menu_container .container {
width: auto !important;
position: absolute !important;
left: 150px;
top: 20px;
}
#menu_container .container .content {
width: auto !important;
}
}
Just adjust the left and top value. Hope this helps. :)
Regards,
Ismael
It worked perfectly! Thank you!
Ugh, I spoke too soon. Everything looks just how I want it to in Firefox and Chrome, but in Explorer it's a complete nightmare (menu vanished, header text migrated, general unpleasantness). Do you have any suggestions of how I might mitigate the horror in IE?
Thank you!
Hi DorryFunaki,
What version of IE are you using? I checked it using IE9 and I think it looks good. Can you post a screenshot?
Regards,
Ismael
You must log in to post.