Navigation
Archive / Dropdown menu lines
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 10, 2017 at 7:34 pm #1324855
    carbon14
    Participant

    Hi

    How do I remove the line and padding from the last item in the dropdown menu. I want the same padding for the last item as the ones between.

    My site: http://level.dev.iwww.no

    January 11, 2017 at 12:27 am #1325095
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .x-nav .sub-menu {
	padding-bottom: 0;
}
.desktop .sub-menu li:last-child:after {
	height: 0;
}

    Make sure to close the last @media query [@media (max-width:480px)] you have, or else any custom css underneath that is consider part of that @media query and will only take effect on small screen device.

    Cheers!

    January 11, 2017 at 2:17 am #1325163
    carbon14
    Participant

    Thank you. That got rid of the line but the padding is the same. Now there is to much space below last menu item. If I can get som help with I will be glad. Sorry for these support cases, but I am learning. Going live today 🙂

    January 11, 2017 at 5:02 am #1325281
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
.desktop .sub-menu {
    padding-bottom:28px;
    padding-top:28px;
}

    Change 28px to adjust spacing.

    Hope that helps.

    January 11, 2017 at 5:43 am #1325334
    carbon14
    Participant

    perfect

    January 11, 2017 at 5:52 am #1325348
    Thai
    Moderator

    If you need anything else please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1324855 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>