Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 26, 2015 at 5:03 pm #434889
    tech500

    Hello,

    While using the left sidebar for main menu, it doesn’t have the same flexibility like top menu, as far as controlling the size of the logo, space between menu items etc’.

    Tried using CSS Hero, but things break once scaling the browser size.
    I would love to have the sidebar look as the sample image I have included.

    If you can recommend any other “live editor” to play with, I’ll be happy to try.

    Sincerely

    Dan

    https://www.dropbox.com/s/m2rki2ay3nq9oy0/Screenshot%202015-04-26%2017.57.52.png?dl=0

    April 27, 2015 at 6:48 pm #435515
    Yigit

    Hey Dan,

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_sidebar #header .av-main-nav > li { margin: 0; }
.html_header_sidebar #header .av-main-nav > li > a { text-align: center; }

    That should help, if not, please post the link to your website

    Regards,
    Yigit

    April 28, 2015 at 4:55 am #435773
    tech500
    This reply has been marked as private.
    April 28, 2015 at 5:58 pm #436242
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .html_header_sidebar #header .av-main-nav > li > a {
  padding: 6px 3px;
}
.html_header_sidebar #header .av-main-nav {
  padding: 4px 0;
}
.html_header_sidebar .logo {
padding: 60px; 
}

    Make sure to flush browser cache and refresh your page a few times after adding the code

    Regards,
    Yigit

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