Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #572919

    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,
    Geo

    #572933

    Hey 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,
    Yigit

    #572953

    Thanks Yigit. Excuse my ignorance, but how do I place an image in a widget?

    #572960

    Hey!

    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,
    Yigit

    #573003

    Thanks, 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?

    #573006

    In fact, it looks like the logo is there but it’s not in the header and it’s too small.

    #573023

    Hi!

    Do you mind creating a temporary admin login and posting it here privately? :)

    Cheers!
    Yigit

    #573693

    Hi Yigit!

    My apologies for the delayed response – I have been offline!

    Please see the logins below. Many thanks for your help.

    Kind regards,
    George

    #573733

    Hi!

    Please review your website now. I added custom CSS code to bottom of Quick CSS field

    Best regards,
    Yigit

    #573742

    Hi 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,
    George

    #573759

    Hey!

    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,
    Yigit

    • This reply was modified 8 years, 2 months ago by Yigit.
    #574132

    Thanks Yigit!

    That’s perfect. Much appreciated :)

    So the code for adding a widget to the header was taken out, right?

    #574142

    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 issues

    Best regards,
    Yigit

    #575110

    Thanks Yigit! Much appreciated :)

    #575617

    Hi,

    Glad we could help :-)

    Thanks,
    Rikard

    #583447

    Thanks 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.

    #583907

    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,
    Rikard

    #584029

    Hi 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,
    George

    #584076

    I’ve managed to sort it out, thanks!
    I just used the code provided and it worked :)

    Thanks for all your assistance!

    #584497

    Hi,

    Great, glad you got it working :-)

    Best regards,
    Rikard

    #705507

    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;
    }

    #706748

    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

Viewing 22 posts - 1 through 22 (of 22 total)
  • You must be logged in to reply to this topic.