Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #185937

    Hey there, really enjoying the theme. The best page builder I have ever used. Now to the question.

    I want to use the header with social icons and bottom navigation.

    Currently the logo is displayed to the left. I also want to display a logo on the far right side of the header, a different logo. What is the best way to achieve this and still have it by responsive etc.?
    Tim

    #186090

    Hey tijoseph!

    Edit header.php, find this code:

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

    Below add the second logo manually. Add this code:

    ?>
                            
                            <strong class="logo bg-logo" style="float: right; max-width: 231px; width: auto;"><a href="http://localhost/kriesi/enfold/"><img src="http://localhost/kriesi/enfold/wp-content/themes/enfold/images/layout/logo.png" alt="Enfold" title="Enfold" style="max-width: 231px; width: auto;"></a></strong>
                            
                            <?php

    Replace the image source.

    Regards,
    Ismael

    #197095
    This reply has been marked as private.
    #197191

    Hey!

    I don’t see the second logo on the link you gave me. Don’t forget to add the php closing and opening tags.

    Regards,
    Ismael

    #198020
    This reply has been marked as private.
    #198103

    Hi!

    Do you mind creating a temporary admin login and posting it here privately? Make sure to check ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Best regards,
    Yigit

    #198162
    This reply has been marked as private.
    #198173

    Hi!

    Changes are done. Please review your website. I have added some custom CSS to Quick CSS section in Enfold theme options under Styling tab

    Cheers!
    Yigit

    #198179
    This reply has been marked as private.
    #198186

    Hi!

    You can add following code to Quick CSS to center main menu

    .main_menu { right: 28%; }

    Your image was added to header.php file so it will be visible on every page unless you remove it from certain pages using custom CSS

    Cheers!
    Yigit

    #198195
    This reply has been marked as private.
    #198197

    Hi!

    You are welcome! Yes, you can add it to Quick CSS and flush browser cache then check your website. You may need to adjust the code i posted in my previous post to center it perfectly. Closing this thread for now. Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘2nd logo in header’ is closed to new replies.