Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 9, 2019 at 6:41 pm #1052004
    sublime5o

    I have my site only displaying the mobile hamburger menu. At the bottom of the mobile menu I would like to add my social media icons (see links in private area). You will also see I have these already in the footer widget so if I could just add that custom HTML (which is what the widget is composed of) that would be best.

    January 12, 2019 at 2:22 pm #1053079
    Victoria

    Hey sublime5o,

    Here are some threads to consider:
    https://kriesi.at/support/topic/social-icons-in-mobile-menu-3/#post-835215

    Social icon in mobile menu

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 13, 2019 at 6:30 pm #1053389
    sublime5o

    I have looked at both threads previously and neither worked. I sent you a link to my development website so you can see how the menu works. Is there a solution for this in my situation?

    January 15, 2019 at 3:09 am #1053916
    Ismael

    Hi,

    Use this code:

    // https://kriesi.at/support/topic/social-icons-in-mobile-menu-3/#post-835215

    .. but then remove this line:

    if(isMobile == 'none') return;

    And replace this code:

    htmlString   = $('#header_main .social_bookmarks').find('li a'),

    .. with:

    htmlString   = $('#footer .social_bookmarks').find('li a'),

    Best regards,
    Ismael

    January 15, 2019 at 3:18 am #1053919
    sublime5o

    Thank you! This worked somewhat….. Had to change prependTo to appendTo later in the code to get them at the bottom.

    Now the issue is that the footer icons disappear once the hamburger menu is clicked. I want these to always remain in the footer.

    • This reply was modified 5 years, 10 months ago by sublime5o. Reason: Found the real issue now
    January 17, 2019 at 5:11 am #1054850
    Ismael

    Hi,

    Try to clone the social icons by replacing this line:

    htmlString   = $('#footer .social_bookmarks').find('li a'),

    .. with:

    socialContainer = $('#footer .social_bookmarks').clone(),
htmlString   = socialContainer.find('li a'),

    Best regards,
    Ismael

    January 17, 2019 at 2:14 pm #1054993
    sublime5o

    Thank you. Now that keeps the icons in both places but the mobile menu/hamburger menu has them listed twice…It seems each time you open and close the mobile menu it adds another set of icons.

    • This reply was modified 5 years, 10 months ago by sublime5o. Reason: More details
    January 21, 2019 at 7:15 am #1056456
    Ismael

    Hi,

    Would you mind if we access the dashboard and the file server? You can post the login details for both in the private field.

    Best regards,
    Ismael

    January 28, 2019 at 4:53 pm #1059674
    sublime5o
    This reply has been marked as private.
    January 31, 2019 at 12:27 pm #1060926
    Ismael

    Hi,

    Thanks for the update.

    I modified this line a bit:

    if($('.burger-social').length) {
				clearInterval(int);
				return false;
			};

    Best regards,
    Ismael

    January 31, 2019 at 1:25 pm #1060962
    sublime5o

    Thank you! Perfect

    February 1, 2019 at 11:14 pm #1061758
    Victoria

    Hi sublime5o,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.