Adding Social Media Icons at bottom of mobile menu - Support

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
January 9, 2019 at 6:41 pm #1052004

sublime5o
Participant

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
Inactive Moderator

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
Participant

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
Moderator
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
Participant
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
Moderator
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
Participant
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
Moderator

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
Participant

This reply has been marked as private.

January 31, 2019 at 12:27 pm #1060926
Ismael
Moderator
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
Participant

Thank you! Perfect

February 1, 2019 at 11:14 pm #1061758

Victoria
Inactive Moderator

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.