Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 19, 2019 at 6:24 pm #1080432
    OKEIwebbureau

    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

    March 21, 2019 at 8:35 am #1081222
    Victoria

    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

    March 26, 2019 at 3:54 pm #1083142
    OKEIwebbureau

    Hi support,

    I still need help with no. 1.

    Thanks :-)

    /OKEIwebbureau

    • This reply was modified 5 years, 8 months ago by OKEIwebbureau.
    March 27, 2019 at 1:44 pm #1083592
    Victoria

    Hi OKEIwebbureau,

    Please share the link to your website.

    Best regards,
    Victoria

    March 27, 2019 at 2:26 pm #1083619
    OKEIwebbureau

    Hi Victoria,

    Please take a look at numerolog-uddannelse.com.

    Thanks :-)

    /OKEIwebbureau

    March 27, 2019 at 2:33 pm #1083623
    OKEIwebbureau

    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

    March 28, 2019 at 3:55 pm #1084151
    Yigit

    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

    March 29, 2019 at 1:59 pm #1084583
    OKEIwebbureau

    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

    March 31, 2019 at 11:01 pm #1085201
    Ismael

    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

    April 1, 2019 at 10:47 am #1085415
    OKEIwebbureau

    Hi Ismael,

    Thanks for helping :-)

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

    How do I make it invisible until hovered?

    /OKEIwebbureau

    April 2, 2019 at 12:23 am #1085756
    Ismael

    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

    April 2, 2019 at 3:03 pm #1086092
    OKEIwebbureau

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

    Please close.

    /OKEIwebbureau

    April 3, 2019 at 9:18 am #1086431
    Rikard

    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

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