WordPress.org

Support

Support » Themes and Templates » [Resolved] Adding arrows to the main menu

[Resolved] Adding arrows to the main menu

  • virtue_fan1
    Member

    @virtue_fan1

    Hi there,

    How do I add “down” arrows to my main menu top items to show it opens drop down menu?

    How do I add left arrows to my sub menu items to show they open more sub items to the left?

    Thank you:)

Viewing 15 replies - 1 through 15 (of 27 total)
  • Theme Author Kadence Themes
    Participant

    @britner

    Well you can add this css:

    #nav-main a>.sf-sub-indicator {
    top: 50%;
    right: 2px;
    margin-top: -5px;
    display:block;
    }

    It’s going to do half of what you want, your going to have to add some css for the submenus though. Getting the arrow pointed left and on the left side will require that you add css.

    Kadence Themes

    virtue_fan1
    Member

    @virtue_fan1

    You Are Truely AWESOME!

    I want to share with you a kind of solution I found for RTL.
    You can offer it I think to people asking you for RTL support.

    The plugins, Polylang and WP-RTL did about 70% of the work. There are still a few areas to correct for RTL, but they did most of the job.

    I still need your advice regarding customizing those arrows and about a few other things.

    I want to offer my assistance with anything I can do for you.

    You can use my help translating it to hebrew, I can also do content writing for you on any subject at any level both in English and in Hebrew.

    Also, I do business development, and I would gladly offer any advice assistance- I have vast experience with both large and SMB technology organizations.

    Please let me know how I can be of assistance.

    Thank you

    Theme Author Kadence Themes
    Participant

    @britner

    Hey,
    Thanks for the offer to help, I’d like to see how the RTL is coming along. Do you have a link? Eventually having a hebrew translation would be great.

    Kadence Themes

    virtue_fan1
    Member

    @virtue_fan1

    Hi,

    I am currently trying to work with a free hosting solution during development, Biz.nf, but it just keeps crashing. Do you know anything that could be better?

    So at the moment I’m developing primarily on my local machine.
    That is why I’m sharing it with you using these pictures:
    [IMG]http://i59.tinypic.com/ezgwog.jpg[/IMG]
    [IMG]http://i61.tinypic.com/2yw9x5l.jpg[/IMG]
    [IMG]http://i58.tinypic.com/2n7qetz.jpg[/IMG]
    [IMG]http://i62.tinypic.com/2i7u1cn.jpg[/IMG]
    [IMG]http://i61.tinypic.com/1zd5i8k.jpg[/IMG]
    [IMG]http://i62.tinypic.com/20sav49.jpg[/IMG]

    About the Hebrew translation, I can do it for the front end and the “Theme Options” parts.

    Thank you

    Mahesh
    Member

    @mailtopmahesh

    #nav-main a>.sf-sub-indicator {
    top: 50%;
    right: 2px;
    margin-top: -5px;
    display:block;
    }

    this code is not working for top bar menu.
    please help me to get the drop down menu and for sub menu’s with indications on top bar menu.

    Thanks in advance.

    Theme Author Kadence Themes
    Participant

    @britner

    Not aware of any free hosting.

    You translate using the po files in the languages folder. You will need poedit. there are tons of tutorials online about how to do it.

    @mailtopmahesh you can add this:

    .topbarmenu a>.sf-sub-indicator {
    top: 50%;
    right: 2px;
    margin-top: -5px;
    display:block;
    }

    although the theme wasn’t really designed for this in the topmenu so it’s going to need some tweaking. and you my find that you want to switch the image to have white arrows instead.

    Kadence Themes

    Mahesh
    Member

    @mailtopmahesh

    Thank you for your speed reply,

    i just added this code but the top bar looks some odd.
    actually earlier i added below custom css code for font size
    .topbarmenu ul li a {
    font-size: 14px;
    }
    i think thats the way it is showing like that. can u please help me to get a good look for my top bar menu.
    Thanks in advance.

    Theme Author Kadence Themes
    Participant

    @britner

    Can you post a link?

    Kadence Themes

    Mahesh
    Member

    @mailtopmahesh

    Many thanks for quick reply,
    Am very sorry am using local host server , i can not send the link.

    i’m trying to create a website in localhost. and am very new to CSS and etc. but i’m very glad to see the VIRTUE theme in wordpress which is giving a ultimate support. Actually am trying to take a premium theme of VIRTUE for my website. so am sure i’ll purchase a premium version of VIRTUE once my website will done in localhost.
    and i need your end support in this regard.

    Thanks in Advance.

    Theme Author Kadence Themes
    Participant

    @britner

    Hey,
    Try doing it with this, remove the previous css and add this:

    .sf-menu a.sf-with-ul:after {
        font-family: 'FontAwesome';
        font-style: normal;
        speak: none;
        font-weight: normal;
       content: "\f0d7";
       float: right;
    margin-left: 5px;
        -webkit-font-smoothing: antialiased;
    }

    Kadence Themes

    Mahesh
    Member

    @mailtopmahesh

    Thanks Kadence,

    It’s Worked Great.
    i Appreciate your support. Thank you very much.

    Kadence Themes ROCKZZZ…

    virtue_fan1
    Member

    @virtue_fan1

    Hi there,

    I completed the translation to Hebrew.
    Here are the language files:
    http://we.tl/i4U9Ge3C04

    Could you help me with merging the “additional information” tab data into the “short description” tab on the product page?

    Also, how can I make the arrows on the menu and sub menu items go left, while keeping the top menu items’ arrows down?

    Thank you and please let me know what else I can do for you.

    Theme Author Kadence Themes
    Participant

    @britner

    What do you mean by merging? the tabs. If you don’t want the additional information tab to show just add your data to the description box.

    As for the dropdowns I need to see a link, need to see what you’ve added and what your working with. Your site live yet?

    Kadence Themes

    virtue_fan1
    Member

    @virtue_fan1

    By merging I meant that in the “short description” tab I want to have the short description text and right under it, all the attirbutes’ data (color, maker, size, etc) which normally appears under the additional details tab.

    I need this to be automated in this way, because the site is for a computer store and all the product’s specs will be filled using attributes drop down menus.

    About the arrows, I’ll try to find a better hosting solution.

    virtue_fan1
    Member

    @virtue_fan1

    I managed to get most of it to work.

    This is the link:
    http://omccomputers.co.nf/

    Thank you

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘[Resolved] Adding arrows to the main menu’ is closed to new replies.