Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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?

    #960828

    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,
    Victoria

    #965032

    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.

    #966755

    Hi,

    Add this to quick css to fix the footer links:

    span.copyright a{
    color:#fff!important;
    }

    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

    #967649
    This reply has been marked as private.
    #970579

    Hi,
    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(){
        ?>
        <script>
        (function($){
            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.push(socialItems);
                    });
        
                    $(socialString).each(function() {
                        $(this).appendTo('#av-burger-menu-ul');
                    });
            }
        
            $('#header').on('mousedown', '.av-main-nav-wrap', function() {
                int = setInterval(function() {
                    a();
                }, 500);
            });
        
        })(jQuery);
        </script>
        <?php
        }
        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
    }

    result:
    2018-06-09_184748
    Please clear your browser cache and check.

    Best regards,
    Mike

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

You must be logged in to reply to this topic.