Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 16, 2015 at 4:45 pm #553811
    deboman

    Sorry for bothering you again folks:

    Q1. I created a custom menu for My Account (Mein Konto) in the sidebar using a widget http://www.deboman.com/Wordpress/?product_cat=vorlagen
    Problem: There are borders between the menu items which I would like to remove. Non of the many shortcodes available here in the support forum worked. The last one (of many) I tried
    #top .widget_nav_menu li.menu-item a{
    padding: 1px 1px;
    border: none !important;
    }

    Q2. When hover over the My Account-menu items I would like to have the same behavior as for the Product category menu (underlined, different color). How to expand the code below to enforce this behavior?

    Q3: In the same sidebar I have the Product Category. When selecting the main menu/category (eg. Vorlagen & Tools) the submenu collapses and the whole menu structure gets the “active color” (and bolded). However, only the selected/active main menu shall get the new color, bold (and the submenus not). Currently used code for Q2 & Q3:

    #top .widget_nav_menu li.current-menu-item a{
    color: #2997ab!important;
    font-weight: bold!important;
    }
    .current-cat a {
    color: #2997ab!important;
    font-weight: bold!important
    }

    Thx again

    Manfred

    December 16, 2015 at 9:31 pm #553992
    Yigit

    Hey Manfred!

    1- Seems like you figured this one out? :)
    2- Please add following code to Quick CSS 

    ul#menu-submenu li:hover a {
    text-decoration: underline;
}

    3- Please change your code to following one 

    #top .widget_nav_menu li.current-menu-item > a{
color: #2997ab!important;
font-weight: bold!important;
}
.current-cat > a {
color: #2997ab!important;
font-weight: bold!important
}

    Best regards,
    Yigit

    December 16, 2015 at 11:18 pm #554064
    deboman

    Hi Yigit

    Q1: Border issue not yet fixed. You can obviously see them only on higher resolution screens (eg on my retina display, see attached screenshot). The borders are always on the top / bottom of the activated menu item
    Borders between menu items

    Q2, Q3 works perfectly!! Great, Thank you!

    December 17, 2015 at 5:08 pm #554510
    Yigit

    Hey!

    Can you please post a screenshot and show the issue? I tried changing screen resolution to 1920x1200px but still no border is visible to me

    Regards,
    Yigit

    December 17, 2015 at 5:27 pm #554529
    deboman

    Hope you can see it …

    December 17, 2015 at 5:27 pm #554530
    deboman

    Border

    Hope you can see it …

    December 17, 2015 at 5:32 pm #554537
    Yigit

    Hi!

    Please try flushing browser cache and refresh your page a few times. If that too does not help, please add following code to Quick CSS 

    ul#menu-submenu, ul#menu-submenu * {
    border: none!important;
}

    Cheers!
    Yigit

    December 17, 2015 at 6:40 pm #554583
    deboman

    Flushing cache and code did not solve this small issue. Maybe you have another idea?
    Thanks for all your support

    December 22, 2015 at 1:07 pm #556513
    Andy

    Hey!

    you are using an old version of WordPress. Please upgrade and let us know if you still need help afterwards.

    Best regards,
    Andy

    December 22, 2015 at 2:56 pm #556596
    deboman

    I upgraded to new WP version. The issue still exists.

    December 24, 2015 at 4:11 am #557329
    Ismael

    Hey!

    Please use this instead:

    .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: 0;
}

    Regards,
    Ismael

    January 6, 2016 at 12:05 pm #560438
    deboman

    Thanks Ismael, but it did not change anything. I give up on this..

    January 7, 2016 at 4:19 am #560968
    Ismael

    Hi!

    I checked the site and I don’t see the borders anymore. Please remove browser cache or hard refresh the page.

    Best regards,
    Ismael

    January 7, 2016 at 12:00 pm #561121
    deboman

    Strange, on my screens the lines still exists, even after refreshing the page. Never mind, I will live with it.

    But could you please provide the CSS code for decreasing the space between the menu items in the sidebar?

    You might then please close the issue.

    Thanks a lot for all your help!!

    January 7, 2016 at 3:37 pm #561292
    Yigit

    Hey!

    Please add following code to Quick CSS 

    ul#menu-submenu a {
    padding: 0;
}

    Best regards,
    Yigit

    January 7, 2016 at 4:37 pm #561352
    deboman

    Thanks a lot!

    And, a miracle happened: I found myself the right coding for the strange border issue. For anyone who might need this too:

    .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: 0px 0px 0px 0px ; }

    In my case it was defaulted as “box-shadow: 0px 0px 1px 0px”

    Amazing …

    January 7, 2016 at 4:40 pm #561356
    Yigit

    Hey!

    Glad you figured it out!
    Let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Sidebar widget custom menu: remove border between menu items’ is closed to new replies.