Menu above built with this plugin including Mega Menu.

Leave space for Icon

This topic contains 6 replies, has 2 voices, and was last updated by  Peter Featherstone 3 weeks, 3 days ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #61905 Reply

    Manoharan Kutti


    For some menus I don’t want to attach an icon. Is there a way to leave space so Menu Text is aligned with other menu item’s text (which has icons) ?

    X Menu1
    Y Menu3


    #61907 Reply

    Hey Mano,

    Please provide your site URL so I can see the example and advise.

    It would need Custom CSS but I need to see it so I can let you know what exactly.

    All the best


    #61945 Reply

    Manoharan Kutti

    Hey Peter,

    Please see I just added 3 icons to show Menu Text alignment I need. Thanks

    #61951 Reply

    Hey Mano,

    I can’t find a generic way of being able to do this but you can do them each individually like the below:

    #responsive-menu-pro-item-51 {
       padding-left: 32px;

    I hope that helps


    #61958 Reply

    Manoharan Kutti

    Hi Peter,

    Thanks. I was looking for any single setting or CSS to modify all.

    I was able to achieve this by adding individually 9 spaces for each menu in the Font Icons section as follows.

    Icon :          

    Type : Custom.

    This works OK in Desktop and Mobile. I will use your’s if needed.

    #61959 Reply

    Manoharan Kutti

    Icon : “&-n-b-s-p;” ( added – since space HTML tag doesn’t show up.

    #61960 Reply

    Hey Mano,

    Excellent, good work!


Viewing 7 posts - 1 through 7 (of 7 total)
Reply To: Leave space for Icon
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