Menu above built with this plugin including Mega Menu.

Long Menu Titles

This topic contains 9 replies, has 2 voices, and was last updated by  Peter Featherstone 1 month, 1 week ago.

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

    Gary Looft
    Participant

    Our site has long titles. When the titles wrap down to the next line, the line spacing/leading is very large. How can I adjust the line spacing of menu titles?

    Thanks,
    Gary

    #52765 Reply

    Hey there,

    Have you tried changing the line height option to a lower value than the height?

    Please let me know

    Peter

    #52770 Reply

    Gary Looft
    Participant

    Yes, that does help a bit but the line spacing is still very large no matter what the line height is set to.

    Gary

    #52771 Reply

    Hi Gary,

    I just set it to 15px on your site and it looks very small to me.

    Please advise

    Peter

    #52773 Reply

    Gary Looft
    Participant

    The line height set to 15px would look good if I could add top and bottom padding to it. The line spacing of the TEXT is good at 15. The menu items are now too close.

    Can that be done?

    #52774 Reply

    Hey Gary,

    Sure, you can add a top and bottom padding using the Custom CSS option in the plugin. I’ve just done it in the browser and 10px or 15px for both looks ok.

    All the best

    Peter

    #52806 Reply

    Gary Looft
    Participant

    Peter,

    Could you spoon feed me the CSS that should go in the CSS area? I’m not that knowledgeable with CSS.

    Gary

    #52823 Reply

    Hi Gary,

    The below should be all you need:

    #responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item .responsive-menu-pro-item-link {
    	padding-top: 15px;
    	padding-bottom: 15px;
    }

    All the best

    Peter

    #52824 Reply

    Gary Looft
    Participant

    Peter,

    Really appreciate your help. A+++++

    Gary

    #52825 Reply

    Hey Gary,

    Glad it worked for you :-)

    Peter

Viewing 10 posts - 1 through 10 (of 10 total)
Reply To: Long Menu Titles
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed