Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 29, 2018 at 11:14 pm #1003307
    accutherm

    HI, I’m trying to recreate the side Navigation like Enfold Construction Demo like on this page. I can’t seem to figure it out though after looking at the documentation.

    August 30, 2018 at 7:33 am #1003408
    Jordan Shannon

    Hey accutherm,

    Please add subpages and choose to display sidebar on your main page. Please make sure that “Page Sidebar navigation” is checked in Enfold theme options > Sidebar Settings

    Best regards,
    Jordan Shannon

    August 30, 2018 at 9:05 pm #1003795
    accutherm

    Hi Jordan, I did not but it doesn’t look the same. In the demo the page you are on is highlighted with background rectangle. Same when you rollover one of the elements. I included the page with this element – this element is on every page and links to the departments.

    August 31, 2018 at 10:41 am #1004012
    Victoria

    Hi accutherm,

    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 #nav_menu-2 .menu-item:hover a {
  background-color: #cccccc45;

} 
#top .content .flex_column  #nav_menu-2 .menu-item a {
  padding-left: 10px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 31, 2018 at 7:30 pm #1004199
    accutherm

    That works. How would I remove the boarder lines from the “DEPARTMENTS” text?

    I tried this but it didnt work.

    h3.widgettitle {
    border-style: none;
}

    Also how would i have the background gray hover be on when it is on the current page like in the demo?

    September 1, 2018 at 8:59 am #1004282
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - widget menu style */


 #top  #nav_menu-2 .widgettitle {
  border:none!important;
}

#top  #nav_menu-2 .current-menu-item {
	background: #cccccc;
	}

    Best regards,
    Vinay

    September 6, 2018 at 12:12 am #1006371
    accutherm

    Thanks!

    September 6, 2018 at 5:31 am #1006444
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 7, 2018 at 8:05 pm #1007289
    accutherm

    Close

    September 10, 2018 at 6:33 pm #1007993
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sidebar Widget Navigation like Enfold Construction Demo’ is closed to new replies.