Callout next to logo on home page « Support Forum | Kriesi.at

Support Forum » Eunoia

Callout next to logo on home page

9 posts from 2 voices

Started 5 months ago by DorryFunaki
Latest reply from Ismael
This topic is not a support question

Tags:

DorryFunaki
Member

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!

Posted 5 months ago #

Ismael
Moderator

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

Posted 5 months ago #

DorryFunaki
Member

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!

Posted 5 months ago #
Ismael
Moderator

Hi DorryFunaki,

Add it after. Don't forget to add some style in custom.css after you have placed it. :)

Regards,
Ismael

Posted 5 months ago #
DorryFunaki
Member

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.

http://argcs.com/test/

Thank you!

Posted 5 months ago #
Ismael
Moderator
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
Posted 5 months ago #
DorryFunaki
Member

It worked perfectly! Thank you!

Posted 5 months ago #
DorryFunaki
Member

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?

http://argcs.com/test/

Thank you!

Posted 5 months ago #
Ismael
Moderator

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

Posted 5 months ago #