Navigation
Archive / Clickable Logo in the center of the header
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 16, 2017 at 4:08 am #1331768
    alexdigital
    Participant

    Hi,

    I’ve added a logo to my Ethos stack using the following CSS:

    .x-navbar:before {
    content: url(http://www.hbpaynter.co.uk/wp-content/uploads/2016/11/hb-paynter-logo-central-new.png); 
    margin-left: auto;
    margin-right: auto;
    width: 54px;
    display: block;
    padding: 10px 0px 0px 0px;
    float: initial;
    margin-bottom: -52px;
}

    I would like to make the logo clickable but it doesn’t seem possible with :before element.

    Do you have a solution or a way I can add the logo in a different way, maybe straight in the header, to make it clickable?

    The site is here: http://www.hbpaynter.co.uk/

    Thanks,

    -Alex

    January 16, 2017 at 5:00 am #1331835
    Paul R
    Moderator

    Hi Alex,

    You can add your logo as a menu item using custom link.

    Please see screenshot – https://www.screencast.com/t/A3QBtZl4oi

    Hope that helps.

    January 16, 2017 at 4:49 pm #1332696
    alexdigital
    Participant

    Thanks.

    That worked a treat!

    -Alex

    January 16, 2017 at 6:51 pm #1332876
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1331768 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>