Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1096675
    Rifft
    Participant

    Hello guys,

    This is my second X theme purchase and i’m always confident about my website project thanks to your great support.

    Could you help me with that please; I would like to get a navbar like this :
    http://lumosvertical.tommusdemos.wpengine.com/#about

    • with only icons and no text,
    I tried to put the icon shortcode in the navigation label according to other threads but it’s seems to not working.

    • Is there a way to get the bubble pop-ip on hover as the website sent as an exemple ?

    Thanks a lot guys.

    BR

    #1096704
    Christian
    Moderator

    Hey BR,

    That looks like it’s possible using the SuperFly menu plugin that comes bundled with X. See https://community.theme.co/kb/integrated-plugins-superfly/ for more details and the Superfly documentation.

    Thanks.

    #1096942
    Rifft
    Participant
    This reply has been marked as private.
    #1097045
    Joao
    Moderator

    Hi There,

    Please add the following code do Appereance Customizer Custom CSS

    .x-navbar {
         display: none !important;
    }

    Hope that helps

    Joao

    #1097123
    Rifft
    Participant

    Thanks a lot Joao, it’s working.

    Now, do you have an idea about how to have the icon navbar without the “dot” ?
    And for the informative bubble like in this exemple ?
    –> http://lumosvertical.tommusdemos.wpengine.com/#about

    Thanks.

    #1097187
    Rupok
    Member

    Hi there,

    I can’t see any dot on the Navbar. Would you clarify what you are referring. I can see three dots within Slider that you can remove from slide editor. Kindly clarify with a screenshot.

    Cheers!

    #1098301
    Rifft
    Participant

    Hi Rupok,

    Of Course, you missed the dots because i changed the font size to 1px to hide them. But it’s not a proper solution.
    I changed the dots by the letter T to make it more visible.
    The thing is, if i removed the letter T in the menu, the label navigation stay empty and the menu item doesn’t appears.
    My goal is to get this result with a navbar without text:
    –> http://lumosvertical.tommusdemos.wpengine.com/#about

    Thanks

    #1098309
    Rupok
    Member

    Hi there,

    Do you want to remove this? You can use this CSS :

    #sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span {
      display: none;
    }

    Let us know how can we help you on this further.

    Thanks!

    #1098335
    Rifft
    Participant

    It’s perfect, thanks a lot.

    Now i would like to implement the hover pop-up like the screen attached.
    I don’t know if SuperFly menu can do that ?

    Thanks again, you guys are so helpful.

    #1098356
    Lely
    Moderator

    Hello There,

    I did check their documentation and it seems not available. You can check here too:http://superfly.looks-awesome.com/docs/Getting_Started

    You’re always welcome!
    Cheers!

    #1098386
    Rifft
    Participant

    Yeah, that’s what i thought.

    I understand that it’s probably out of the support’s scope but i’m looking for a clue to do that.
    What do you think, do you have a idea ?

    Thanks !

    #1098459
    Paul R
    Moderator

    Hi,

    Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

    Thank you for your understanding.

    #1098590
    Rifft
    Participant

    Of course i understand.
    Thanks a lot !

    #1098619
    Joao
    Moderator

    Hi There,

    Thanks for understanding.

    Let us know if we can help with anything else.

    Joao

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