Navigation
Archive / Menu Styling
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 16, 2016 at 5:32 am #1133285
    simonpurdon
    Participant

    Hi,

    I would like to create an effect where when you scroll down on the page, the menu sticks to the top of the page (I’ve selected the Fixed Top option) and then in the middle of the menu a logo (image) appears and overlaps over the menu (has its ends protruding from the menu container as in the image attached but the logo would be centered in the menu and two links would appear on either side of it). However, the logo shouldn’t be the same one as the one at the top of the page, it will be a separate image.

    Is there a way to do this?

    Thanks,
    Simon

    August 16, 2016 at 5:33 am #1133288
    simonpurdon
    Participant
    This reply has been marked as private.
    August 16, 2016 at 8:32 am #1133512
    Christian
    Moderator

    Hey Simon,

    You can use HTML in the Navigation Label so you can add an image. Insert the code below in the navigation label (see attachment). Replace IMAGE_URL with your image’s URL.

    <img src="IMAGE_URL">

    Rearrange the link between your menu items.

    Hope that helps. 🙂

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