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

    I have read the forums in depth. I found a random fix, but it won’t work on my enfold > Gym Membership demo/base install. On main menu links (no dropdowns) I want the main link, and then under each link some simple link description text.

    I have already read the “fixes” here on the site, and they won’t work. If I add anything to the functions.php file, I get errors/can’t access site…copying the “class” given in earlier examples. It seems what I want to accomplish is simple enough, but maybe not. Please help!

    Thank you!

    #775864

    Hey jellyfish007,

    What code have you tried? Please post a link to your site so that we can have a closer look.

    Best regards,
    Rikard

    #776053

    Thanks for the response! I appreciate you! I have tried the code listed here: https://kriesi.at/support/topic/menu-descriptions/

    I actually want it to look like the example the OP had on that link.

    However, when I try, it breaks everything – adding that class listed fubars my functions.php file.

    I have included website details and access to my site & FTP if you want to take a stab at it please! Thank you!!

    #776871

    Can someone please help me with this?

    #777266
    #777335

    Thanks, i saw that post too – but I don’t want the text on the second line to be a link – I would like it to just be descriptive text (explaining the link) Like this:

    Menu link <–this would be a link
    Couple of words <–this would be the description of the page/section

    End results would maybe be like this:
    Desired menu

    I REALLY appreciate it
    Thank you!

    #777526

    Hey!

    Can you provide us your web site, so we can see if we can disable the text .ink below the basic links?

    Regards,
    Basilis

    #777545

    Of course! Thank you! I really appreciate you looking. It is in private area –

    #778831

    Is someone looking into this? I would really like a simple solution…please! Thank you!

    #779030

    Hi,

    I’m sorry for the late response. Please refer to the previous thread but replace the css code with the following.

    .menu-break {
      display: block;
      line-height: 0;
      bottom: 25px;
      position: relative;
      font-weight: normal;
      font-size: 11px;
    }
    
    .avia-menu {
        top: 30%;
    }
    
    .av-main-nav > li > a {
        height: 20px !important;
        line-height: 20px !important;
    }
    
    .av-main-nav > li > .menu-break {
        font-weight: normal;
        font-size: 11px;
        padding-left: 13px;
        bottom: -10px;
        position: relative;
    }

    And then add this script in the functions.php file:

    function ava_custom_script_fix(){
    ?>
    <script>
    (function($){
    	function a() {
    			$('.av-main-nav > li > a').each(function() {
    							var link  = $(this),
    									menub = link.find('.menu-break');
    							menub.insertAfter(link);
    			});
    	}
    
    	a();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_custom_script_fix');
    

    Best regards,
    Ismael

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