Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 10, 2017 at 10:42 pm #819011
    netfex

    Hi Team

    is there any proper solution or tipp for styling sidebar menus?
    currently it looks very bad and people will get lost. I would need to have different styles for the headings and sub-levels below.

    Regards
    Thomas

    • This topic was modified 7 years, 5 months ago by netfex.
    July 11, 2017 at 8:22 am #819147
    Rikard

    Hey netfex,

    I’m not sure what exactly you are looking to alter, could you try to explain a bit further or post a screenshot of your intentions please?

    Best regards,
    Rikard

    July 11, 2017 at 10:26 am #819208
    netfex

    Hi Rikard

    we have a quite “long” sidebar menu which is makes it hard to find the right links and makes it confusing for the user. See link in the private content.
    I need to style the different sections properly to make it easier to navigate (spacing, bold heading, etc)

    Regards
    Thomas

    July 11, 2017 at 2:46 pm #819370
    Victoria

    Hi Thomas,

    Could you please attach a mockup of what you’re trying to achieve? It would be much easier for us to help you with a solution that way.

    Best regards,
    Victoria

    July 11, 2017 at 3:03 pm #819398
    netfex

    Hi Victoria

    see example here:

    sidebar-menu-example

    Regards
    Thomas

    July 11, 2017 at 3:47 pm #819455
    Victoria

    Hi Thomas,

    Thank you, but I got even more confused, the page with products does not have any sidebar, the page with example has two sidebars, which sidebar do you want to implement on you product page?

    Best regards,
    Victoria

    July 11, 2017 at 5:19 pm #819531
    netfex

    Sorry, I just saw that I posted the incorrect URLs.

    See screenshot what it should look like:
    Screenshot

    sidebar-menu-example

    Kataloge

    July 12, 2017 at 9:59 am #819891
    Victoria

    Hi netfex,

    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 .widget_nav_menu ul ul li:before {
    top: 3px;
    color: #3a4d5c;
    font-size: 30px;
}
#menu-item-2469>a, #menu-item-2596>a,
 #menu-item-2567>a, #menu-item-2515>a,
 #menu-item-2556>a {
  font-size:24px;
  line-height: 27px;
  font-weight: bold;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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