Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2017 at 12:43 pm #752883
    frifoto

    Hi,
    I try to get more space between menu items in a vertical menu on left side.

    Tried the code
    .main_menu ul:first-child > li > a{
    padding: 0 20px !important;
    }

    Changing the 0 to 1 makes the space too much, and using 0 makes the text laying too close and overlaying. Is there a way to fine tune this?

    February 28, 2017 at 12:45 pm #752885
    Yigit

    Hey frifoto,

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

    .html_header_sidebar #header .av-main-nav > li > a {
    padding: 25px 3px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    If that does not help, please post a screenshot showing the changes you would like to make and a link to your website. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    February 28, 2017 at 12:59 pm #752899
    frifoto

    That was very helpful, Yigit! Thanks a lot.
    Regards,
    Lars

    February 28, 2017 at 1:00 pm #752900
    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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Vertical menu padding’ is closed to new replies.