Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1080432

    Hi support,

    I would like to copy the menu that theme Vinero has:
    https://vlthemes.com/?fbclid=IwAR2XhX2mocztxWps8ykPS9XF_MRgENZuI4zB3R8xcVhvDO8bGRK1uWj1kIA#vinero_portfolio

    1) When hover the burgermenu, then the text “Menu” appears to the left.
    2) When clicking on the burgermenu, then the whole page becomes the menu with dark transparent background, centeret menu items, and social media buttons at the buttom.

    Is that possible?

    Thanks.

    /OKEIwebbureau

    #1081222

    Hey OKEIwebbureau,

    Here is how to add the social share buttons to the burger overlay
    https://kriesi.at/support/topic/social-icons-in-mobile-menu-3/

    This will get you 2nd point working.

    Best regards,
    Victoria

    #1083142

    Hi support,

    I still need help with no. 1.

    Thanks :-)

    /OKEIwebbureau

    • This reply was modified 5 years, 9 months ago by OKEIwebbureau.
    #1083592

    Hi OKEIwebbureau,

    Please share the link to your website.

    Best regards,
    Victoria

    #1083619

    Hi Victoria,

    Please take a look at numerolog-uddannelse.com.

    Thanks :-)

    /OKEIwebbureau

    #1083623

    Btw. I didn’t succeed with the social buttons, even though I followed the instructions…….so I ended up with making a new menu item:

    Url: https://www.facebook.com/profile.php?id=xxxxxxx
    Menutitle: [av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='center' color='' admin_preview_bg=''][/av_font_icon]

    /OKEIwebbureau

    #1084151

    Hi!

    I tried hovering on menu icon and then hovering once again when menu is opened but “menu” text has not showed up for me.
    Have you figured it out already? If not, could you please post a screenshot and show the first issue?

    Best regards,
    Yigit

    #1084583

    Hi Yigit,

    No, I haven’t figured the “menu” text out yet :-/

    My customer wants the burger menu to have the text “Menu” on the left side when hovering – just like shown on this picture:
    OKEIwebbureau - Webkunder - Numerolog-uddannelse.com - Menu-text

    Thanks for helping :-)

    /OKEIwebbureau

    #1085201

    Hi,

    Thanks for the update.

    You can use this css code to display the menu text.

    .av-hamburger strong {
        display: block;
        position: absolute;
        left: -50px;
        top: -77px;
    }

    Best regards,
    Ismael

    #1085415

    Hi Ismael,

    Thanks for helping :-)

    I added this to your solution:
    content: “Menu”;
    color: #000;

    How do I make it invisible until hovered?

    /OKEIwebbureau

    #1085756

    Hi,

    Thanks for the update.

    Try to set the initial opacity to 0 and then set it back to 1 on hover.

    .av-hamburger:hover strong {
       opacity: 1
    }
    

    If you want a little animation, use this css code.

    // https://www.w3schools.com/css/css3_animations.asp

    Best regards,
    Ismael

    #1086092

    That worked wonderfully – thanks to all of you in support :-)

    Please close.

    /OKEIwebbureau

    #1086431

    Hi,

    Great, I’m glad we could help. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu – two things’ is closed to new replies.