Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 11, 2016 at 7:35 pm #581840
    günter

    Hi,
    I know a little bit about CSS and in earlier Enfold Versions I had no problems. Now I despair of formatting a sidebar menu.

    • I want to get get rid of the border-tops and -bottoms at active or current items and set my own border-styles.
    • I want to set my own text-indent respectively the relative position from left for submenu items active/inactive
    • I want to set up the list style for submenu items

    Please tell me, which specific ids or classes I have to call,
    Günter
    Here is the html code I refer to:

    <aside class="sidebar sidebar_right alpha units" itemtype="https://schema.org/WPSideBar" itemscope="itemscope" role="complementary">
<div class="inner_sidebar extralight-border">
<section id="nav_menu-3" class="widget clearfix widget_nav_menu">
<div class="menu-sidebar-metals-container">
<ul id="menu-sidebar-metals" class="menu">
<li id="menu-item-351" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-351">
<a href="http://nwn.businesspage.at/solutions/metals-tmf/">TMF of Metals</a>
<ul class="sub-menu">
<li id="menu-item-352" class="menu-item menu-item-type-post_type menu-item-object-metal menu-item-352">
<a href="http://nwn.businesspage.at/metal/metals-der-zweite/">Stainless Steel</a>
</li>
<li id="menu-item-353" class="menu-item menu-item-type-post_type menu-item-object-metal menu-item-353">
<li id="menu-item-378" class="menu-item menu-item-type-post_type menu-item-object-metal current-menu-item menu-item-378">
</ul>
</li>
</ul>
</div>
<span class="seperator extralight-border"></span>
</section>
<section id="nav_menu-6" class="widget clearfix widget_nav_menu">
<section id="nav_menu-7" class="widget clearfix widget_nav_menu">
</div>
</aside>
    February 11, 2016 at 9:45 pm #581885
    Basilis

    Hey Günter!

    can we please see a live version of your web site, so we can manage assist you better?

    Regards,
    Basilis

    February 12, 2016 at 8:02 am #582063
    günter

    Here is a link to the site.
    Regards,
    Günter

    • This reply was modified 8 years, 9 months ago by günter. Reason: Link has changed
    February 15, 2016 at 8:02 am #583156
    Ismael

    Hey!

    1.) Use this to remove the borders and box-shadow:

    .sidebar .widget_nav_menu ul:first-child>.current-menu-item, .sidebar .widget_nav_menu ul:first-child>.current_page_item, .sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor {
    box-shadow: none;
    border: 0;
}

    2.) Do you want to increase or decrease the indent of the sub menu items? Try this:

    #top .widget_nav_menu .current-menu-item > ul, #top .widget_nav_menu .current_page_item > ul, #top .widget_nav_menu .current_page_ancestor > ul, #top .widget_nav_menu .current-menu-ancestor > ul {
    padding: 0 0 0 23px;
}

    Adjust the left padding, default is 13px.

    3.) This is where the list style resides:

    #top .widget_nav_menu ul ul li:before {
    content: "\2219";
    position: absolute;
    top: 5px;
}

    Adjust the content value.

    Cheers!
    Ismael

    February 15, 2016 at 4:34 pm #583553
    günter

    Thank You, Ismael,
    You have solved my problems!
    Günter

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Formatting Sidebar Menus’ is closed to new replies.