shortcode in Header btw logo and social icons

hi Yigit,

I’m using the layer slider that comes with the theme Enfold and i will like to add a small 400px layer slider between the logo and the social buttons in the header.
I’ve tried doing that using the standard WP php call to a shortcode. Its not working. Can you guys help me get a layer slider in the header? Thats what my client wants. How can i do that?

Thank you!

hi Ismael,

I hope this thread will help others achieve the same thing i want as i’ve seen quite some requests for a banner in the header.
But your solution didn’t work.
I did remove the code in the functions.php and install layer slider separately twice. The Avia layout builder as well as the default WP editor got affected and they don’t work when that line is cut out of the functions.php file. It’s keep loading and it never loads to display the page layout previously created. and the WP one becomes inaccessible.

HOWEVER , when i left the code in there and added layer slider plugin separately all the php shortcode call works and the layer sliders appears just fine. It does however overlapping over the logo and here is where i need help as php is not my strength.

all i need is to be able to apply a div or a class to my layer slider and move it over to the right.

in the header.php i have the call to the layer slider:
* 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’, false, ‘strong’);
echo do_shortcode(‘[layerslider id=”8″]’);

if(strpos($headerS,’social_header’) !== false && strpos($headerS,’bottom_nav_header’) !== false) avia_social_media_icons($social_args);

how can throw a css class on my LS echo and make it move to the left?
i will greatly appreciate some help on that and we will be done:)

Thank you Ismael!
that was for sure what i was looking for but it dint work. :(
BUT if you take the logo out of the its PHP string and make it its own tag it works. now i have a fancy layer slider in my header. YAY
Thanks for being so hands on with your support!
below is the solution ————————–in the header.php

<div class=’container’>
<?php echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, false, ‘strong’);?>
<div class=’lsheader’> <?php echo do_shortcode(‘[layerslider id=”8″]’); ?></div>
<?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
*/
if(strpos($headerS,’social_header’) !== false && strpos($headerS,’bottom_nav_header’) !== false) avia_social_media_icons($social_args);

CSS———————-

/*layerslider header*/
.lsheader{

width:600px;
float: right;
margin-right: 90px !important;
}