Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 28, 2019 at 11:03 pm #1131763
    williamsummers

    I am using Enfold 2017 and wondering how customizable is the Fullwidth Sub Menu Content Element. For example, I would like to change the background color as well as dropdown horizontally any submenu items within the Fullwidth Sub Menu I am using. I have added a link to view images of the current view as it is now within Enfold and a custom design which I would like it to be.

    August 29, 2019 at 10:35 pm #1132118
    Basilis

    Hey williamsummers,

    Yes, those edits are possible through our builder, you can do them :)

    Best regards,
    Basilis

    September 3, 2019 at 4:47 pm #1133433
    williamsummers

    Thank You. What would be the code or process to make that change?

    September 4, 2019 at 6:39 pm #1134026
    Victoria

    Hi williamsummers,

    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 #menu-all-pages-menu li {
    width: 8vw;
}
#top #menu-all-pages-menu {
    background-color: navy;
    width: 100vw;
    padding: 0;
    margin: 0;
}
 #top #menu-all-pages-menu.av-subnav-menu a {
    background-color: navy;
    color: #fff;
}
#sub_menu1 .container {
    width: 100%;
    max-width: 100vw;
}
#top  #sub_menu1 .av-subnav-menu .sub_menu li {
    display: inline;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    September 6, 2019 at 9:08 pm #1135126
    williamsummers

    Thank you! It looks great! However, when I use the drop down there is a white block next to the blue menu. How can I remove that?
    Also is there a way for the menu change color on hover and click so a user knows what page they are on?
    Can the sub-menu items appear below the menu horizontally instead of vertically?
    I appreciate all of your help and love the theme!

    September 9, 2019 at 12:28 pm #1135954
    Victoria

    Hi williamsummers,

    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 #menu-all-pages-menu li.current-menu-item > a .avia-menu-text {
    color: red;
}
#top .av-subnav-menu > li ul {
  background-color: #466788;
}

    I cannot really make it horizontal, unfortunately.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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