Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1066314

    Would like to have widget area subnav like I do here:

    I need the subnav to have these pages included
    About us https://libertyindustrial.com.au/about/

    Our story https://libertyindustrial.com.au/about/our-story/

    Positions vacant https://libertyindustrial.com.au/careers/

    Training and development https://libertyindustrial.com.au/training-and-development/

    Vision and values https://libertyindustrial.com.au/about/vision-values/

    It needs to be displayed on all of these pages as well as

    Thanks,

    Lara

    #1066739

    Hey Lara,

    Go to Appearance > Menus, then create a new Menu (call it for example About Subpages) then add those pages you mentioned and save.
    Then go to Appearance > Widgets, then add a new Widget Area (example call it again About Subpages) then drag a Navigation Menu to it select the About Subpages menu.
    On the pages, edit the Widget Area then change it from Our Story to About Subpages.
    Hope this helps.

    Best regards,
    Nikko

    #1066748

    Hi Nikko,

    thanks for such easy instructions! it works :)

    I’m wondering if I can make it look like my other pages.

    As you can see, on the careers page the subnav is blue font and aligned left with lines separating each link.

    Can I make it look like this page?

    #1067412

    Hi Lara,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .content .flex_column #menu-careers-subnav a {
        padding: 4px 0 5px;
        text-align: right;
        padding-right: 50px;
        color: #919191;
    }
    #top .widget_nav_menu #menu-careers-subnav li, #menu-careers-subnav li a {
      border: none;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1068060

    Hi Victoria,

    Looks good. I need the sub nav to highlight blue and have lines above and below when you’re on a specific page like this

    As you can see here, it just goes bold grey

    #1068097

    Hi Lara,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .content .flex_column .widget_nav_menu {
        width: 102%;
        margin-left: -1%;
    }
    
    #top .content .flex_column .avia-builder-widget-area {
        overflow: hidden;
    }
    
    #top #wrap_all .flex_column .widget_nav_menu li.current_page_item {
        margin-top: -1px;
        padding-top: 1px;
        width: 100%;
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
        margin-bottom: 4px;
        padding-left: 0;
        left: auto;
        top: 1px;
        background-color: rgba(255,255,255,0.4);
    }
    
    #top #wrap_all .flex_column .widget_nav_menu li.current_page_item a {
        color: #005eaa;
    }

    Best regards,
    Nikko

    #1068099

    Hi Nikko,

    Thanks for the reply. Unfortunately, this doesn’t work.

    I need it to look like this

    #1068100

    Hi Nikko,

    Please ignore my last response. It now works now!

    Thanks again!

    #1068168

    Hi Lara,

    It might just be because of caching.
    Anyway glad that it works :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

    #1083296

    Hi Nikko,

    I’m wondering if you can help me add a page to this Careers widget area subnav? I can’t seem to do it the way I’m used to.

    #1083391

    Hi Nikko,

    I had a look again and figured out what to do, so I’m all good :)

    #1083414

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘widget area subnav’ is closed to new replies.