Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 17, 2017 at 2:35 pm #822630
    raslade

    Hi there

    I need to some help – I’ve created a full width submenu but want to stack the dropdown links in rows (horizontally next to eachother) rather than vertical in a list. Is there a way to easily change this in the CSS?

    Thank you
    Richard

    July 17, 2017 at 2:49 pm #822639
    Yigit

    Hey raslade,

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

    #top .av-subnav-menu > li ul {
    width: 325px;
}

#top .av-subnav-menu > li ul li {
    display: inline-block;
}

    Best regards,
    Yigit

    July 17, 2017 at 3:19 pm #822667
    raslade

    Hi Yigit

    That was super fast thank you. That works perfectly – one last thing. Is there a way to make the submenu the same width as the menu without having to include more menu items?

    Thanks
    Richard

    July 18, 2017 at 3:53 pm #823366
    Yigit

    Hi,

    Please try changing the code to following one

    @media only screen and (min-width: 768px) {
#top .av-subnav-menu > li ul {
    width: 325px;
    min-width: 960px;
    left: -205px;
}}

    Best regards,
    Yigit

    July 18, 2017 at 3:58 pm #823370
    raslade

    Hi Yigit
    That’s awesome – works like a charm. Thanks again for your help.
    Richard

    July 18, 2017 at 6:51 pm #823457
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Full width sub menu stack horizontal’ is closed to new replies.