Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 12, 2021 at 1:47 am #1271719
    webWahine

    Hello
    This works very nicely, but the link is just # and I need it to be something like /register/
    How do I traget this item and make that happen, please? Thank you in advance.

    /* custom text left of burger */

.av-burger-menu-main a::before {
    content: "Custom icon text";
    font-size: 16px; 
    line-height: 16px; 
    letter-spacing: 4px!important;
    color: #fff!important; 
    padding: 15px 20px!important;
    background: #000!important;
    border: 1px solid #fff;
    left: 0%;
    transform: translateX(-50%);
    margin-right: 30px!important;
}
    January 17, 2021 at 1:27 am #1272982
    Mike

    Hey webWahine,
    Sorry for the very late reply, thanks for sharing your css but a link can not be added through css, I believe the link you are referring to is the burger menu hash link to open the menu, and not an additional link next to the menu.
    This script is an example that would create a link next to the burger menu

    function custom_script() { ?>
    <script>
    (function($){
  $(document).ready(function(){
$('.av-burger-menu-main').append('<a href="/register/" class="register-link">Register</a>');
$('a.register-link').css({ 'padding-left': '10px','font-size':'16px','display':'inline'})
$('.av-burger-menu-main a').css({'display':'inline'})
});
})(jQuery);

    </script>
    <?php
}
add_action('wp_footer', 'custom_script');

    Try adding this code to the end of your functions.php file in Appearance > Editor and adjust the link to suit.

    Best regards,
    Mike

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