Home Forums WoodMart support forum How to reduce the indentation between menu items (second level) in a mega menu?

How to reduce the indentation between menu items (second level) in a mega menu?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #253255

    andrii
    Participant

    Hello!
    I have created a mega menu in the form of an HTML block.
    How do I adjust the indentation between menu items?
    I could not find a setting with which you can adjust the indents in the mega menu.

    #253280

    Hello,

    I saw the screenshot you attached.

    Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .woodmart-navigation .menu-mega-dropdown .sub-menu-dropdown .sub-sub-menu li a {
    	padding-top: 5px;
    	padding-bottom: 5px;
    }

    You can adjust the padding according to your needs.

    Best Regards.

    #253299

    andrii
    Participant

    Works great! Thanks for the speedy help!

    I have absolutely no knowledge of the code, so another similar question: how to change the indents between the first level headings in the mega menu?

    #253315

    Hello,

    You are Most Welcome.

    I saw the screenshot you attached.

    Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .menu-mega-dropdown .sub-menu > li {
    	margin-bottom: 0px;
    }

    Regards.
    Xtemos Studios.

    #253321

    andrii
    Participant

    Excellent!
    Thanks and have a nice day!

    #253325

    Most Welcome :-)

    If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

    Thanks for contacting us.
    Have a great day :-)

    Topic Closed.
    Best Regards.

    #282444

    andrii
    Participant

    Hi!
    I updated my theme to 6.0 and my custom css stopped working https://prnt.sc/11c6739 https://prnt.sc/11c69l3

    Could you help me one more time and write some code?

    #282590

    Hello,

    I saw the screenshot you attached.

    Please try and replace the previous Custom CSS with the following.

    .wd-dropdown-menu .wd-sub-menu li a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .wd-dropdown-menu .wd-sub-menu > li {
    margin-bottom: 0px;
    }

    Regards.
    Xtemos Studios.

    #282630

    andrii
    Participant

    Thank you for help!

    #282687

    Hello,

    You are Most Welcome.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘How to reduce the indentation between menu items (second level) in a mega menu?’ is closed to new replies.