Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #959871

    Hi, I have 2 questions.
    Question 1:
    How do I add my own link to a footer?
    Ex: next to the copyright at the bottom of the page, I want to link to my personal website.

    Question 2:
    In the burger menu, is there a way to add social media icons?


    Hey NashurstDesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #header .social_bookmarks {
        display: block;

    You can add your own link in there:

    If you need further assistance please let us know.

    Best regards,


    That code puts the social media in the header, is it possible to put it inside of the burger menu? Ex, when you click on the burger menu icon, it opens, and you see the social media icons below the last “contact” page, or on the top, next to the X close button?

    The link in the footer works now! Thanks. How do I change the color? I went to the “General Styling” section, and nothing will change it from black. I need it white or a lighter color.



    Add this to quick css to fix the footer links:

    span.copyright a{

    To look into the burger menu issue, is it possible to provide admin info so we can look into this further?

    Best regards,
    Jordan Shannon

    This reply has been marked as private.

    I have added your social icons to your burger menu (thanks to @Ismael for the code), first I added this code to the end of your functions.php file in Appearance > Editor:

    // add social icons inside the mobile menu
    function ava_custom_script_mod_social(){
            var int = '';
            function a() {
                var isMobile	 = $('.av-burger-menu-main').css('display'),
                    htmlString   = $('#header_main .social_bookmarks').find('li a'),
                    mobileMenu   = $('.av-burger-overlay'),
                    socialString = [];
                    if(isMobile == 'none') return;
                    if($('.burger-social').length) clearInterval(int);
                    htmlString.each(function() {
                        var socialClass	= $(this).parent('li').attr('class'),
                                socialItems = $(this).wrap('<li class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
                    $(socialString).each(function() {
            $('#header').on('mousedown', '.av-main-nav-wrap', function() {
                int = setInterval(function() {
                }, 500);
        add_action('wp_footer', 'ava_custom_script_mod_social');

    then I added this code in the General Styling > Quick CSS field:

    #av-burger-menu-ul li.burger-social {
        float: left;
    #av-burger-menu-ul li.burger-social a {
        padding: 10px !important;
        border-bottom: none !important;
    #av-burger-menu-ul li.social_icon_1 {
     padding-left: 40px

    Please clear your browser cache and check.

    Best regards,


    Hi Mike,

    I used your code to put a social icon in the hamburger menu.

    It works, the only thing in my case is: the social icon keeps also next to the right of the hamburger icon and pushes the hamburger icon to the left (its white so you have to hover a bit to see it)

    Can you help me with that?

    Best regards,


    Thanks for the link to your site, I added this css:

    #header_main .avia-menu {
    	padding: 0;
    	margin: 0;
    #header_main .main_menu > .social_bookmarks {
    	display: none;

    please clear your browser cache and check.

    Best regards,


    Hi Mike,

    great, that works.

    Thanks a lot.

    Best regards,


    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Link in footer, and burger menu’ is closed to new replies.