[Resolved] Sec. Nav on Right Sidebar

Home Forums Support [Resolved] Sec. Nav on Right Sidebar

Home Forums Support Sec. Nav on Right Sidebar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #208575
    Ragunaath

    Dear Tom,

    I’m not a coding guy, but I understand wordpress themes to an extent. The site am working on is a non-profit website.

    I’m migrating the existing html/php site to a dynamic wordpress site, I’m going to post few questions, since I have to replicate the existing site close to 90% at-least.

    The main site is http://www.kural.org

    the demo/test site I’m working on that is http://www.kural.ragunaath.com

    Questions:

    1. I need the secondary navigation on the right side / right sidebar, quite like the same in original site, divided and spaced for every menu, with an icon in-front of it.

    2. I would be needing the straight “green” line sitting on the top / above header image.

    These two questions would do now

    Thanks

    #208578
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    1. The Secondary Navigation add-on does have a right sidebar option in “Customize > Layout > Secondary Navigation”. You could use a plugin like this to add an icon to each menu item: https://en-ca.wordpress.org/plugins/menu-icons/

    2. Easy! Use this CSS:

    .site-header {
        border-top: 9px solid #129E00;
    }

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    #208581
    Ragunaath

    Thanks for the response, it’s greatly helpful.

    Now.

    I would like to add spacing between the every menu in secondary navigation (on right side) like in the original site http://www.kural.org

    Kindly check the current site http://www.kural.ragunaath.com

    #208591
    Tom
    Lead Developer
    Lead Developer

    A little more CSS required for that.

    .secondary-navigation {
        background-color: transparent;
    }
    
    .secondary-navigation .main-nav ul li a, 
    .secondary-navigation .menu-toggle {
        background-color: #67c15c;
        margin-bottom: 5px;
        line-height: normal;
        padding: 20px;
    }
    #209838
    Ragunaath

    Thanks.

    This is awesome support.

    #209839
    Tom
    Lead Developer
    Lead Developer

    Glad I could help 🙂

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