-
AuthorPosts
-
February 13, 2019 at 7:53 am #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
February 14, 2019 at 3:01 am #1066739Hey 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,
NikkoFebruary 14, 2019 at 3:16 am #1066748February 15, 2019 at 12:09 pm #1067412Hi 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,
VictoriaFebruary 17, 2019 at 11:26 pm #1068060Hi 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
February 18, 2019 at 3:12 am #1068097Hi 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,
NikkoFebruary 18, 2019 at 3:16 am #1068099Hi Nikko,
Thanks for the reply. Unfortunately, this doesn’t work.
I need it to look like this
February 18, 2019 at 3:20 am #1068100Hi Nikko,
Please ignore my last response. It now works now!
Thanks again!
February 18, 2019 at 7:52 am #1068168Hi Lara,
It might just be because of caching.
Anyway glad that it works :)
Thanks for using Enfold and have a great day!Best regards,
NikkoMarch 26, 2019 at 11:48 pm #1083296Hi 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.
March 27, 2019 at 5:40 am #1083391Hi Nikko,
I had a look again and figured out what to do, so I’m all good :)
March 27, 2019 at 6:18 am #1083414Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘widget area subnav’ is closed to new replies.