Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1202633
    Noellemena
    Participant

    I could do this so easily in the theme I used to use. I have used Mega Menus on sites with X and love it but I need a more organic look. Do I have to use an image map or is there a way to create a navigation without a quote “bar” and have each word like Home, Blog, Store etc have a separate background image? I am including a sample. 🙂
    Thanks!

    Noelle

    #1202638
    Noellemena
    Participant
    This reply has been marked as private.
    #1202669
    Noellemena
    Participant

    Soooooooo 🙂 THIS IS POSSIBLE using Mega Menus.
    I did the attached image to test it further and like where it is going.
    My question at this point is IF I wanted another nav bar at the top of the site, is that possible with X??

    I am digging to see hover image possibilities for these too and have not yet. Like an image for the different states of the tabs.

    Any thoughts, documentation would be awesome !
    THANK YOU!

    #1202790
    Jade
    Moderator

    Hi Noella,

    You can check the info in these links:

    https://community.theme.co/kb/how-to-setup-megamenus/

    Hope this helps.

    #1202809
    Noellemena
    Participant

    Jade that has like nothing to do with what I asked 🙁

    I already know how to use Mega Menus. I am not seeing the hover effect with an image option and wanted to know if there was somewhere for that.

    **ALSO I asked if there was a way to have a separate navigation bar at the top like in the link I gave in the private post above.

    Thanks!

    #1202982
    Rupok
    Member

    Hey Noelle,

    Using different image on hover would be complex, different state might be possible; like opacity change. Let us know what you are trying to achieve and provide your URL.

    And you can use the Topbar to place another instance of Navigation. You will need to use HTML for that under Customize > Header > Topbar Content.

    Cheers!

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