Leave space for Icon

Home Forums Pro Support Leave space for Icon

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #66819
    Manoharan KuttiManoharan Kutti
    Participant

    Hi,

    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
    Menu2
    Y Menu3

    Thanks,
    Mano

    #66825
    Peter FeatherstonePeter Featherstone
    Participant

    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

    Peter

    #66824
    Manoharan KuttiManoharan Kutti
    Participant

    Hey Peter,

    Please see http://indowind.bvkgroup.co.in/ I just added 3 icons to show Menu Text alignment I need. Thanks

    #66823
    Peter FeatherstonePeter Featherstone
    Participant

    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

    Peter

    #66822
    Manoharan KuttiManoharan Kutti
    Participant

    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.

    #66821
    Manoharan KuttiManoharan Kutti
    Participant

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

    #66820
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Mano,

    Excellent, good work!

    Peter

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Leave space for Icon’ is closed to new replies.