-
Posts
-
Hi,
I had originally posted the following question:
I am looking for code to make a menu that is a hybrid of header option 3 and 5. Basically, my header contains 2 logos – one on the left and the other on the right, and I would like for the navigation tabs to be in the centre, below the logos as in the 5th Menu and Logo Position option.
I received a response to add the following code and it worked:
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}I am now working on another project and want to add the second logo on the right side. How and where do i add this? I have so far added the left side logo in the theme options section but do not know where to add the second one.
Thanks.
Regards,
GeoHey GeoCreo!
Please add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and place your second logo inside it :)
Best regards,
YigitHey!
You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.You can also use HTML IMG tag
Regards,
YigitThanks, Yigit. I’ve tried to follow your instructions but can’t seem to get it right. Is there another way of adding the second logo?
Hi Yigit!
My apologies for the delayed response – I have been offline!
Please see the logins below. Many thanks for your help.
Kind regards,
GeorgeHi!
Please review your website now. I added custom CSS code to bottom of Quick CSS field
Best regards,
YigitHi Yigit,
Many thanks for your efforts with this. I think it’s halfway there. The challenge however is that the site should not have a sidebar, unless the sidebar is in the header.
Ideally, a solution like the one you had previously suggested for the site url below would be the best.
Thanks so much for your help!
Regards,
GeorgeHey!I added following code to Quick CSS
strong.second-logo.logo.bg-logo { left: auto; right: 0; }and the one in private content field into functions.php file. Please review your website now. You can remove every sidebar on your website
Best regards,
YigitThanks Yigit!
That’s perfect. Much appreciated :)
So the code for adding a widget to the header was taken out, right?
Hi!
Yes, i added the one i posted in private content field in my previous post instead :)
You are welcome. Let us know if you have any other questions or issuesBest regards,
YigitThanks a lot guys. I have tried to duplicate this on another site (in private content field) but the second logo is not appearing.
Can you see what I am missing?
Thanks.
Hi,
I can’t see a header widget area on your site, did you following the steps here? http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Best regards,
RikardHi Rikard,
I think Yigit used another approach as I later deleted all the widgets on the site that he assisted me with.
If you check in the the thread above, he has mentioned that he removed the code for adding the widget in the header area.
Thanks,
GeorgeI’ve managed to sort it out, thanks!
I just used the code provided and it worked :)Thanks for all your assistance!
Hi Rikard,
I’m trying to do the same thing on another site but can’t get the second logo on the right to appear.
I’ve used the following code in functions.php
function add_secondary_logo(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.av-logo-container .inner-container’).append(‘<strong class=”second-logo logo bg-logo”>
‘);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_secondary_logo’);//set builder mode to debug
add_action(‘avia_builder_mode’, “builder_set_debug”);
function builder_set_debug()
{
return “debug”;
}I’ve used this code in Custom CSS:
strong.second-logo.logo.bg-logo {
left: auto;
right: 0;
}.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}span.avia-menu-text {
text-transform: uppercase;
}Hi,
I can’t see that you’ve activated a header widget, so please follow this here at first: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Best regards,
Andy
- You must be logged in to reply to this topic.